upd: search

Deskripsi:
- ui search

NoIssues

components/borderBottomItem.tsx

@@ -0,0 +1,29 @@
+import Styles from "@/constants/Styles";
+import { Pressable, Text, View } from "react-native";
+
+type Props = {
+   title: string
+   subtitle?: string
+   icon: React.ReactNode
+   desc?: string
+   onPress?: () => void
+}
+
+export default function BorderBottomItem({ title, subtitle, icon, desc, onPress }: Props) {
+   return (
+      <Pressable style={[Styles.wrapItemBorderBottom]} onPress={onPress}>
+         <View style={[Styles.rowItemsCenter]}>
+            {icon}
+            <View style={[Styles.rowSpaceBetween]}>
+               <View style={[Styles.ml10]}>
+                  <Text style={[Styles.textDefaultSemiBold]}>{title}</Text>
+                  <Text style={[Styles.textMediumNormal]}>{subtitle}</Text>
+               </View>
+               <Text style={[Styles.textInformation]}>3 Feb 2025</Text>
+            </View>
+
+         </View>
+         {desc && <Text style={[Styles.textDefault, Styles.mt05, { textAlign: 'justify' }]}>{desc}</Text>}
+      </Pressable>
+   )
+}

components/home/headerRightHome.tsx

@@ -7,7 +7,7 @@ import Styles from "@/constants/Styles";
 export function HeaderRightHome() {
    return (
       <View style={[Styles.rowSpaceBetween, { width: 140 }]}>
-         <ButtonHeader item={<Feather name="search" size={20} color="white" />} onPress={() => { router.push('/') }} />
+         <ButtonHeader item={<Feather name="search" size={20} color="white" />} onPress={() => { router.push('/search') }} />
          <ButtonHeader item={<Feather name="bell" size={20} color="white" />} onPress={() => { router.push('/') }} />
          <ButtonHeader item={<Feather name="user" size={20} color="white" />} onPress={() => { router.push('/') }} />
       </View>