From 738fcb8e24bac340e3b4d2d5b3fedf6577af3d80 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Sun, 21 Apr 2024 17:13:46 +0100
Subject: [PATCH] add search icon to the docs search button

---
 documentation/player/skin-parts.md | 10 +++++-----
 src/app/components/docs/search.tsx |  6 +++++-
 src/app/components/navbar.tsx      |  2 +-
 src/app/not-found.tsx              |  3 ++-
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/documentation/player/skin-parts.md b/documentation/player/skin-parts.md
index ba4c36f..567bbd0 100644
--- a/documentation/player/skin-parts.md
+++ b/documentation/player/skin-parts.md
@@ -15,11 +15,11 @@ GET /player/:part/:query
 
 ## Parts
 
-| Part | Description           |
-|------|-----------------------|
-| head | Get the player's head |
-| face | Get the player's face |
-| body | Get the player's body |
+| Part | Description                     |
+|------|---------------------------------|
+| head | Get the player's isometric head |
+| face | Get the player's face           |
+| body | Get the player's body           |
 
 ## Parameters
 
diff --git a/src/app/components/docs/search.tsx b/src/app/components/docs/search.tsx
index dc4a5c4..1105650 100644
--- a/src/app/components/docs/search.tsx
+++ b/src/app/components/docs/search.tsx
@@ -5,6 +5,7 @@ import { Button } from "@/app/components/ui/button";
 import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "@/app/components/ui/dialog";
 import { DocsContentMetadata } from "@/app/common/documentation";
 import { DocumentationPages } from "@/app/components/docs/documentation-pages";
+import { SearchIcon } from "lucide-react";
 
 export function Search(): ReactElement {
   /**
@@ -41,7 +42,10 @@ export function Search(): ReactElement {
       <div className="flex flex-col w-full">
         <Dialog>
           <DialogTrigger asChild>
-            <Button>Search</Button>
+            <Button className="flex items-center gap-1">
+              <SearchIcon width={16} height={16} />
+              <p>Search</p>
+            </Button>
           </DialogTrigger>
           <DialogContent className="w-screen md:w-[600px]">
             <DialogTitle>Search Documentation</DialogTitle>
diff --git a/src/app/components/navbar.tsx b/src/app/components/navbar.tsx
index 1f7cabe..9e24def 100644
--- a/src/app/components/navbar.tsx
+++ b/src/app/components/navbar.tsx
@@ -61,7 +61,7 @@ export default function NavBar(): ReactElement {
       <div className="absolute inset-x-0 flex justify-center">
         <div className="flex gap-4">
           {pages.map((page, index) => {
-            const isActive = path.includes(page.url);
+            const isActive: boolean = path ? path.includes(page.url) : false;
 
             return (
               <HrefButton
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index bf36d59..03be8aa 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,7 +1,8 @@
 import Link from "next/link";
 import { Button } from "@/app/components/ui/button";
+import { ReactElement } from "react";
 
-export default function NotFound() {
+export default function NotFound(): ReactElement {
   return (
     <div className="flex text-center flex-col gap-4">
       <div>