feature & fix

deskripsi:
feature:
- floating button
- Forum create

fix:
- Base box
- Avatar : penambahan onPres & href
- Text custom : penambahan warna props green
- Text Area : penambhaan hight
- ViewWrapper : penambahan props floating
# No Issue "

app/(application)/(user)/_layout.tsx

@@ -87,9 +87,9 @@ export default function UserLayout() {
 
         {/* ========== Forum Section ========= */}
         <Stack.Screen
-          name="forum/index"
+          name="forum/create"
           options={{
-            title: "Forum",
+            title: "Tambah Diskusi",
             headerLeft: () => <BackButton />,
           }}
         />

app/(application)/(user)/forum/create.tsx

@@ -0,0 +1,37 @@
+import {
+  BoxButtonOnFooter,
+  ButtonCustom,
+  TextAreaCustom,
+  ViewWrapper,
+} from "@/components";
+import { router } from "expo-router";
+import { useState } from "react";
+
+export default function ForumCreate() {
+  const [text, setText] = useState("");
+
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log("Posting", text);
+          router.back();
+        }}
+      >
+        Posting
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+
+  return (
+    <ViewWrapper footerComponent={buttonFooter}>
+      <TextAreaCustom
+        placeholder="Ketik diskusi anda..."
+        maxLength={1000}
+        showCount
+        value={text}
+        onChangeText={setText}
+      />
+    </ViewWrapper>
+  );
+}

app/(application)/(user)/forum/index.tsx

@@ -1,10 +1,47 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  AvatarCustom,
+  BackButton,
+  TextInputCustom,
+  ViewWrapper
+} from "@/components";
+import FloatingButton from "@/components/Button/FloatingButton";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import Forum_BerandaSection from "@/screens/Forum/berandaSection";
+import { Ionicons } from "@expo/vector-icons";
+import { router, Stack } from "expo-router";
 
 export default function Forum() {
   return (
     <>
-      <ViewWrapper>
-        <TextCustom>Forum</TextCustom>
+      <Stack.Screen
+        options={{
+          title: "Forum",
+          headerLeft: () => <BackButton />,
+          headerRight: () => <AvatarCustom />,
+        }}
+      />
+
+      <ViewWrapper
+        headerComponent={
+          <TextInputCustom
+            iconLeft={
+              <Ionicons
+                name="search-outline"
+                size={ICON_SIZE_SMALL}
+                color={MainColor.placeholder}
+              />
+            }
+            placeholder="Cari topik forum..."
+            borderRadius={50}
+            containerStyle={{ marginBottom: 0 }}
+          />
+        }
+        floatingButton={
+          <FloatingButton onPress={() => router.navigate("/(application)/(user)/forum/create")} />
+        }
+      >
+        <Forum_BerandaSection />
       </ViewWrapper>
     </>
   );

app/(application)/(user)/portofolio/[id]/create.tsx

@@ -155,7 +155,7 @@ export default function PortofolioCreate() {
           icon="upload"
           onPress={() => {
             console.log("Upload logo >>", id);
-            router.navigate(`/(application)/take-picture/${id}`);
+            router.navigate(`/(application)/(image)/take-picture/${id}`);
           }}
         >
           Upload

app/(application)/(user)/user-search/index.tsx

@@ -61,7 +61,7 @@ export default function UserSearch() {
             return (
               <Grid key={index}>
                 <Grid.Col span={2}>
-                  <AvatarCustom />
+                  <AvatarCustom href={`/profile/${index}`}/>  
                 </Grid.Col>
                 <Grid.Col span={9}>
                   <TextCustom size="large">Nama user {index}</TextCustom>