Collacoration

Add :
- collaboration page
- collaboration component

Component
Fix:
- Base box : tambah props background

# No Issue

screens/Authentication/LoginView.tsx

@@ -30,9 +30,9 @@ export default function LoginView() {
     const id = randomAlfabet + randomNumber + fixNumber;
     console.log("login user id :", id);
 
-    router.navigate("/verification");
+    // router.navigate("/verification");
     // router.navigate(`/(application)/(user)/profile/${id}`);
-    // router.navigate("/(application)/(user)/home");
+    router.navigate("/(application)/(user)/home");
     // router.navigate(`/(application)/profile/${id}/edit`);
     // router.navigate(`/(application)/(user)/portofolio/${id}`)
     // router.navigate(`/(application)/(image)/preview-image/${id}`);

screens/Collaboration/BoxPublishSection.tsx

@@ -0,0 +1,63 @@
+import {
+  BoxWithHeaderSection,
+  StackCustom,
+  AvatarUsernameAndOtherComponent,
+  TextCustom,
+  BaseBox,
+} from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { Href } from "expo-router";
+
+function Collaboration_BoxPublishSection({
+  id,
+  title,
+  username,
+  description,
+  href,
+
+  // Avatar
+  sourceAvatar,
+  rightComponentAvatar,
+}: {
+  id: string;
+  title?: string;
+  username?: string;
+  description?: string;
+  href: Href;
+
+  // Avatar
+  sourceAvatar?: string;
+  rightComponentAvatar?: React.ReactNode;
+}) {
+  return (
+    <>
+      <BoxWithHeaderSection href={href}>
+        <StackCustom gap={0}>
+          <AvatarUsernameAndOtherComponent
+            avatarHref={`/profile/${id}`}
+            name={username || "Username"}
+            rightComponent={rightComponentAvatar}
+            avatar={sourceAvatar as any}
+          />
+          <BaseBox backgroundColor={MainColor.soft_darkblue}>
+            <StackCustom>
+              <TextCustom truncate={2} size="large" bold align="center">
+                {title || "Lorem ipsum dolor sit"}
+              </TextCustom>
+              <TextCustom truncate={2}>
+                {description ||
+                  "Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa, obcaecati quia suscipit numquam, voluptates commodi porro impedit natus quos doloremque!"}
+              </TextCustom>
+            </StackCustom>
+          </BaseBox>
+
+          <TextCustom bold size="small" align="center">
+            2 Partisipan
+          </TextCustom>
+        </StackCustom>
+      </BoxWithHeaderSection>
+    </>
+  );
+}
+
+export default Collaboration_BoxPublishSection;

screens/Home/topFeatureSection.tsx

@@ -14,7 +14,10 @@ export default function Home_FeatureSection() {
           <Ionicons name="analytics" size={48} color="white" />
           <Text style={stylesHome.gridLabel}>Event</Text>
         </TouchableOpacity>
-        <TouchableOpacity style={stylesHome.gridItem}>
+        <TouchableOpacity
+          style={stylesHome.gridItem}
+          onPress={() => router.push("/(application)/(user)/collaboration/(tabs)")}
+        >
           <Ionicons name="share" size={48} color="white" />
           <Text style={stylesHome.gridLabel}>Collaboration</Text>
         </TouchableOpacity>