add router

Author: sanjaypinna

app/[locale]/(user)/components/Content.tsx

@@ -1,10 +1,19 @@
+'use client'
+
 import Image from 'next/image';
+import { useRouter } from 'next/navigation';
 import { SearchInput, Text } from 'opub-ui';
 
 import { cn } from '@/lib/utils';
 import Styles from '../page.module.scss';
 
 export const Content = () => {
+  const router = useRouter();
+  const handleSearch = (value: string) => {
+    if (value) {
+      router.push(`/datasets?query=${encodeURIComponent(value)}`);
+    }
+  };
   return (
     <main>
       <div className="flex items-center justify-center gap-20 bg-primaryBlue p-8 lg:p-16">
@@ -27,14 +36,15 @@ export const Content = () => {
           <div className="w-full">
             <SearchInput
               className={cn(Styles.Search)}
+              onSubmit={handleSearch}
               label={''}
               placeholder="Search for any data"
               name={''}
               withButton
             />
           </div>
         </div>
-        <div className=' hidden lg:block'>
+        <div className=" hidden lg:block">
           <Image
             src={'/homepage_illustartion.png'}
             width={500}