added clear search

bit-shift-io · Dec 9, 2023 · 917af6d · 917af6d
1 parent 7cb57bd
commit 917af6d
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/app/components/home-client.tsx b/app/components/home-client.tsx
@@ -4,6 +4,7 @@ import Link from 'next/link'
 import startCase from 'lodash/startCase'
 import { ChangeEvent, useState } from 'react'
 import { Input } from '@/components/ui/input'
+import { XCircle } from 'lucide-react'
 
 interface IFileInfo {
   path: string;
@@ -49,12 +50,14 @@ export function HomeClient(props : IHomeClient) {
             The Great Cook Up
           </h1>
 
-          <div className="pb-5 pt-5">
+          <div className="flex flex-row justify-between pt-5 pb-5 items-center space-x-2">
             <Input
               placeholder="Search"
               onChange={handleChange}
               value={filter}
             />
+
+            <XCircle onClick={() => setFilter('')} className="cursor-pointer"/>
           </div>
 
           {files.map(file => {