Portofolio

Add:
- ervice/api-client/api-portofolio.ts
- creens/Portofolio/BoxPortofolioView.tsx
- screens/Portofolio/ButtonCreatePortofolio.tsx
- create dan show

### No Issue

screens/Profile/PortofolioSection.tsx

@@ -0,0 +1,45 @@
+import { BaseBox, CenterCustom, Spacing, TextCustom } from "@/components";
+import { router } from "expo-router";
+import { View } from "react-native";
+import Portofolio_BoxView from "../Portofolio/BoxPortofolioView";
+
+export default function Profile_PortofolioSection({
+  profileId,
+  data,
+}: {
+  profileId: string;
+  data: any[];
+}) {
+  return (
+    <>
+      <BaseBox>
+        <View>
+          <TextCustom bold size="large" align="center">
+            Portofolio
+          </TextCustom>
+          <Spacing />
+
+          {data?.length > 0 ? (
+            data?.map((item: any, index) => (
+              <Portofolio_BoxView key={index} data={item} />
+            ))
+          ) : (
+            <CenterCustom>
+              <TextCustom>Tidak ada portofolio</TextCustom>
+            </CenterCustom>
+          )}
+        </View>
+
+       {data?.length > 0 && (
+        <TextCustom
+          bold
+          align="right"
+          onPress={() => router.push(`/portofolio/${profileId}/list`)}
+        >
+          Lihat semua
+        </TextCustom>
+       )}
+      </BaseBox>
+    </>
+  );
+}

screens/Profile/ProfileSection.tsx

@@ -1,16 +1,12 @@
 import { BaseBox, Grid, Spacing, TextCustom } from "@/components";
-import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { IProfile } from "@/types/Type-Profile";
 import { FontAwesome5, Ionicons } from "@expo/vector-icons";
-import { router, useLocalSearchParams } from "expo-router";
+import _ from "lodash";
 import { View } from "react-native";
 import AvatarAndBackground from "./AvatarAndBackground";
-import { IProfile } from "@/types/Type-Profile";
-import _ from "lodash";
 
 export default function ProfileSection({ data }: { data: IProfile }) {
-  const { id } = useLocalSearchParams();
-
   const listData = [
     {
       icon: (
@@ -82,57 +78,7 @@ export default function ProfileSection({ data }: { data: IProfile }) {
         ))}
       </BaseBox>
 
-      <BaseBox>
-        <View>
-          <TextCustom bold size="large" align="center">
-            Portofolio
-          </TextCustom>
-          <Spacing />
-
-          {Array.from({ length: 2 }).map((_, index) => (
-            <BaseBox
-              key={index}
-              style={{ backgroundColor: MainColor.darkblue }}
-              onPress={() => {
-                console.log("press to Portofolio");
-                router.push(`/portofolio/${id}`);
-              }}
-            >
-              <Grid>
-                <Grid.Col
-                  span={10}
-                  style={{ justifyContent: "center", backgroundColor: "" }}
-                >
-                  <TextCustom bold size="large" truncate={1}>
-                    Nama usaha portofolio
-                  </TextCustom>
-                  <TextCustom size="small" color="yellow">
-                    #id-porofolio12345
-                  </TextCustom>
-                </Grid.Col>
-                <Grid.Col
-                  span={2}
-                  style={{ alignItems: "flex-end", justifyContent: "center" }}
-                >
-                  <Ionicons
-                    name="caret-forward"
-                    size={ICON_SIZE_SMALL}
-                    color="white"
-                  />
-                </Grid.Col>
-              </Grid>
-            </BaseBox>
-          ))}
-        </View>
-
-        <TextCustom
-          bold
-          align="right"
-          onPress={() => router.push(`/portofolio/${id}/list`)}
-        >
-          Lihat semua
-        </TextCustom>
-      </BaseBox>
+     
     </>
   );
 }