From ee5090819464d046da0a7ad591a1a2546f3cd695 Mon Sep 17 00:00:00 2001
From: lukman <lukman@lukmans-MacBook-Air.local>
Date: Wed, 3 Jul 2024 17:32:20 +0800
Subject: [PATCH 1/2] style : update home

Deskripsi:
- add view detail feature
- view home

No issue
---
 src/module/home/view/view_detail_feature.tsx | 20 ++++++++++++++------
 src/module/home/view/view_home.tsx           |  4 +++-
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/module/home/view/view_detail_feature.tsx b/src/module/home/view/view_detail_feature.tsx
index 78c7037..939a0b5 100644
--- a/src/module/home/view/view_detail_feature.tsx
+++ b/src/module/home/view/view_detail_feature.tsx
@@ -1,20 +1,28 @@
+'use client'
 import { LayoutNavbarHome, WARNA } from '@/module/_global';
 import { ActionIcon, Box, Center, Grid, Group, SimpleGrid, Text } from '@mantine/core';
 import React from 'react';
 import { HiMiniUserGroup, HiMiniPresentationChartBar, HiMegaphone, HiSquares2X2, HiChevronLeft, HiUserGroup, HiUsers } from "react-icons/hi2";
 import { PiUsersFourFill } from "react-icons/pi";
 import { FaUsersRays, FaUserTie } from "react-icons/fa6";
+import { useRouter } from 'next/navigation';
 
 export default function ViewDetailFeature() {
+  const router = useRouter()
   return (
     <>
       <LayoutNavbarHome>
-        <Group >
-          <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
-            <HiChevronLeft size={20} color='white' />
-          </ActionIcon>
-          <Text fw={'bold'} c={'white'} >Semua Fitur</Text>
-        </Group>
+        <Grid justify='center' align='center'>
+        <Grid.Col span="auto">
+            <ActionIcon variant="light" onClick={() => router.push('/home')} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+              <HiChevronLeft size={20} color='white' />
+            </ActionIcon>
+          </Grid.Col>
+          <Grid.Col span={6}>
+            <Text ta={'center'} fw={'bold'} c={'white'} >SEMUA FITUR</Text>
+          </Grid.Col>
+          <Grid.Col span="auto"></Grid.Col>
+        </Grid>
       </LayoutNavbarHome>
       <Box p={20}>
         <Box >
diff --git a/src/module/home/view/view_home.tsx b/src/module/home/view/view_home.tsx
index b0f7766..c7a343b 100644
--- a/src/module/home/view/view_home.tsx
+++ b/src/module/home/view/view_home.tsx
@@ -5,16 +5,18 @@ import React from 'react';
 import { HiMagnifyingGlass, HiOutlineBell, HiOutlineUser } from "react-icons/hi2";
 import Carosole from '../components/carosole';
 import Features from '../components/features';
+import { useRouter } from 'next/navigation';
 
 
 export default function ViewHome() {
+  const router = useRouter()
   return (
     <>
         <LayoutNavbarHome>
           <Group justify='space-between'>
             <Text fw={'bold'} c={'white'} >Perbekal Darmasaba</Text>
             <Group>
-              <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+              <ActionIcon onClick={() => router.push('/search')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
                 <HiMagnifyingGlass size={20} color='white' />
               </ActionIcon>
               <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">

From 6a8372b37b58cc640a24a39819e1586cb903f8a8 Mon Sep 17 00:00:00 2001
From: lukman <lukman@lukmans-MacBook-Air.local>
Date: Wed, 3 Jul 2024 17:32:48 +0800
Subject: [PATCH 2/2] style : add search

---
 src/app/(application)/search/page.tsx  | 10 ++++++
 src/module/search/index.ts             |  3 ++
 src/module/search/view/view_search.tsx | 43 ++++++++++++++++++++++++++
 3 files changed, 56 insertions(+)
 create mode 100644 src/app/(application)/search/page.tsx
 create mode 100644 src/module/search/index.ts
 create mode 100644 src/module/search/view/view_search.tsx

diff --git a/src/app/(application)/search/page.tsx b/src/app/(application)/search/page.tsx
new file mode 100644
index 0000000..198a79b
--- /dev/null
+++ b/src/app/(application)/search/page.tsx
@@ -0,0 +1,10 @@
+import { ViewSearch } from '@/module/search';
+import React from 'react';
+
+function Page() {
+  return (
+    <ViewSearch/>
+  );
+}
+
+export default Page;
diff --git a/src/module/search/index.ts b/src/module/search/index.ts
new file mode 100644
index 0000000..c9195cd
--- /dev/null
+++ b/src/module/search/index.ts
@@ -0,0 +1,3 @@
+import ViewSearch from "./view/view_search";
+
+export {ViewSearch}
\ No newline at end of file
diff --git a/src/module/search/view/view_search.tsx b/src/module/search/view/view_search.tsx
new file mode 100644
index 0000000..7ad2edf
--- /dev/null
+++ b/src/module/search/view/view_search.tsx
@@ -0,0 +1,43 @@
+'use client'
+import { LayoutNavbarHome, WARNA } from '@/module/_global';
+import { ActionIcon, Box, Grid, Text, TextInput } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+import React from 'react';
+import { HiChevronLeft, HiMagnifyingGlass } from 'react-icons/hi2';
+
+export default function ViewSearch() {
+  const router = useRouter()
+  return (
+    <>
+      <LayoutNavbarHome>
+        <Grid justify='center' align='center'>
+          <Grid.Col span="auto">
+            <ActionIcon variant="light" onClick={() => router.push('/home')} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+              <HiChevronLeft size={20} color='white' />
+            </ActionIcon>
+          </Grid.Col>
+          <Grid.Col span={6}>
+            <Text ta={'center'} fw={'bold'} c={'white'} >PENCARIAN</Text>
+          </Grid.Col>
+          <Grid.Col span="auto"></Grid.Col>
+        </Grid>
+      </LayoutNavbarHome>
+      <Box p={20}>
+        <TextInput
+          styles={{
+            input: {
+              color: WARNA.biruTua,
+              borderRadius: WARNA.biruTua,
+              borderColor: WARNA.biruTua,
+            },
+          }}
+          size="md"
+          radius={30}
+          leftSection={<HiMagnifyingGlass size={20}/>}
+          placeholder="Pencarian"
+        />
+      </Box>
+    </>
+  );
+}
+