From 88cf3321e17c813ee3b17de78a7f20b8b5c7a2a9 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 7 Aug 2025 14:09:56 +0800
Subject: [PATCH] Admin App Information Add: - app-information/information-bank

### No Issue
---
 .../business-field/[id]/index.tsx             | 36 +++++++
 .../app-information/business-field/create.tsx | 36 +++++++
 .../admin/app-information/index.tsx           |  8 +-
 .../information-bank/create.tsx               |  2 -
 .../App-Information/BusinessFieldSection.tsx  | 78 ++++++++++++++-
 .../InformationBankSection.tsx                | 97 ++++++++++---------
 tsconfig.json                                 |  2 +-
 7 files changed, 205 insertions(+), 54 deletions(-)
 create mode 100644 app/(application)/admin/app-information/business-field/[id]/index.tsx
 create mode 100644 app/(application)/admin/app-information/business-field/create.tsx

diff --git a/app/(application)/admin/app-information/business-field/[id]/index.tsx b/app/(application)/admin/app-information/business-field/[id]/index.tsx
new file mode 100644
index 0000000..340b7ce
--- /dev/null
+++ b/app/(application)/admin/app-information/business-field/[id]/index.tsx
@@ -0,0 +1,36 @@
+import {
+  BoxButtonOnFooter,
+  ButtonCustom,
+  StackCustom,
+  TextInputCustom,
+  ViewWrapper,
+} from "@/components";
+import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
+import { router } from "expo-router";
+
+export default function AdminAppInformation_BusinessFieldDetail() {
+  const buttonSubmit = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => router.back()}
+      >
+        Update
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+  return (
+    <>
+      <ViewWrapper footerComponent={buttonSubmit}>
+        <StackCustom>
+          <AdminBackButtonAntTitle title="Update Bidang Bisnis" />
+
+          <TextInputCustom
+            label="Nama Bidang Bisnis"
+            placeholder="Masukan Nama Bidang Bisnis"
+            required
+          />
+        </StackCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/admin/app-information/business-field/create.tsx b/app/(application)/admin/app-information/business-field/create.tsx
new file mode 100644
index 0000000..205542c
--- /dev/null
+++ b/app/(application)/admin/app-information/business-field/create.tsx
@@ -0,0 +1,36 @@
+import {
+    BoxButtonOnFooter,
+    ButtonCustom,
+    StackCustom,
+    TextInputCustom,
+    ViewWrapper,
+} from "@/components";
+import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
+import { router } from "expo-router";
+
+export default function AdminAppInformation_BusinessFieldCreate() {
+  const buttonSubmit = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => router.back()}
+      >
+        Tambah
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+  return (
+    <>
+      <ViewWrapper footerComponent={buttonSubmit}>
+        <StackCustom>
+          <AdminBackButtonAntTitle title="Tambah Bidang Bisnis" />
+
+          <TextInputCustom
+            label="Nama Bidang Bisnis"
+            placeholder="Masukan Nama Bidang Bisnis"
+            required
+          />
+        </StackCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/admin/app-information/index.tsx b/app/(application)/admin/app-information/index.tsx
index 408e092..abfe6d7 100644
--- a/app/(application)/admin/app-information/index.tsx
+++ b/app/(application)/admin/app-information/index.tsx
@@ -59,7 +59,13 @@ export default function AdminInformation() {
                   <Ionicons name="add" size={ICON_SIZE_SMALL} color="black" />
                 }
                 onPress={() => {
-                  router.push("/admin/app-information/information-bank/create");
+                  if (activeCategory === "bank") {
+                    router.push("/admin/app-information/information-bank/create");
+                  } else if (activeCategory === "business") {
+                    router.push("/admin/app-information/business-field/create");
+                  } else if (activeCategory === "sticker") {
+                    router.push("/admin/app-information/sticker/create");
+                  }
                 }}
               />
             </View>
diff --git a/app/(application)/admin/app-information/information-bank/create.tsx b/app/(application)/admin/app-information/information-bank/create.tsx
index 81d944a..1e6609b 100644
--- a/app/(application)/admin/app-information/information-bank/create.tsx
+++ b/app/(application)/admin/app-information/information-bank/create.tsx
@@ -6,14 +6,12 @@ import {
     ViewWrapper
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
-import { Ionicons } from "@expo/vector-icons";
 import { router } from "expo-router";
 
 export default function AdminAppInformation_BankCreate() {
   const buttonSubmit = (
     <BoxButtonOnFooter>
       <ButtonCustom
-        iconLeft={<Ionicons name="add" size={16} color="black" />}
         onPress={() => router.back()}
       >
         Tambah
diff --git a/screens/Admin/App-Information/BusinessFieldSection.tsx b/screens/Admin/App-Information/BusinessFieldSection.tsx
index 949fec4..52e0e97 100644
--- a/screens/Admin/App-Information/BusinessFieldSection.tsx
+++ b/screens/Admin/App-Information/BusinessFieldSection.tsx
@@ -1,9 +1,83 @@
-import AdminComp_BoxTitle from "@/components/_ShareComponent/Admin/BoxTitlePage";
+import {
+  ActionIcon,
+  Grid,
+  StackCustom,
+  TextCustom
+} from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
+import dummyMasterBidangBisnis from "@/lib/dummy-data/master-bidang-bisnis";
+import { FontAwesome5 } from "@expo/vector-icons";
+import { router } from "expo-router";
+import { useState } from "react";
+import { View } from "react-native";
+import { Divider, Switch } from "react-native-paper";
 
 export default function AdminAppInformation_BusinessFieldSection() {
+  const [value, setValue] = useState(false);
+  const [selectedBusinessField, setSelectedBusinessField] = useState<any>(null);
   return (
     <>
-      <AdminComp_BoxTitle title="Bidang Bisnis" />
+      <>
+        <Grid>
+          <Grid.Col span={3} style={{ alignItems: "center" }}>
+            <TextCustom bold>Aksi</TextCustom>
+          </Grid.Col>
+          <Grid.Col span={3} style={{ alignItems: "center" }}>
+            <TextCustom bold>Status</TextCustom>
+          </Grid.Col>
+          <Grid.Col span={6}>
+            <TextCustom bold>Nama Bidang Bisnis</TextCustom>
+          </Grid.Col>
+        </Grid>
+
+        <Divider />
+
+
+        <StackCustom>
+          {dummyMasterBidangBisnis.map((e, i) => (
+            <View key={i}>
+              <Grid>
+                <Grid.Col span={3} style={{ alignItems: "center" }}>
+                  <ActionIcon
+                    icon={
+                      <FontAwesome5
+                        name="edit"
+                        size={ICON_SIZE_BUTTON}
+                        color="black"
+                      />
+                    }
+                    onPress={() => {
+                      router.push(`/admin/app-information/business-field/${i}`);
+                    }}
+                  />
+                </Grid.Col>
+                <Grid.Col
+                  span={3}
+                  style={{ alignItems: "center", justifyContent: "center" }}
+                >
+                  <Switch
+                    value={i === selectedBusinessField}
+                    onValueChange={() => {
+                      setValue(!value);
+                      setSelectedBusinessField(i);
+                    }}
+                    theme={{
+                      colors: {
+                        primary: MainColor.yellow,
+                      },
+                    }}
+                  />
+                </Grid.Col>
+                <Grid.Col span={6} style={{ justifyContent: "center" }}>
+                  <TextCustom>{e.name}</TextCustom>
+                </Grid.Col>
+              </Grid>
+              <Divider />
+            </View>
+          ))}
+        </StackCustom>
+      </>
     </>
   );
 }
diff --git a/screens/Admin/App-Information/InformationBankSection.tsx b/screens/Admin/App-Information/InformationBankSection.tsx
index 77ee77d..2289c86 100644
--- a/screens/Admin/App-Information/InformationBankSection.tsx
+++ b/screens/Admin/App-Information/InformationBankSection.tsx
@@ -1,21 +1,18 @@
-import { ActionIcon, BaseBox, Divider, Grid, TextCustom } from "@/components";
+import { ActionIcon, Grid, StackCustom, TextCustom } from "@/components";
 import { MainColor } from "@/constants/color-palet";
-import {
-  ICON_SIZE_BUTTON
-} from "@/constants/constans-value";
+import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
 import { dummyMasterBank } from "@/lib/dummy-data/_master/bank";
 import { FontAwesome5 } from "@expo/vector-icons";
 import { router } from "expo-router";
 import { useState } from "react";
 import { View } from "react-native";
-import { Switch } from "react-native-paper";
+import { Divider, Switch } from "react-native-paper";
 
 export default function AdminAppInformation_Bank() {
   const [value, setValue] = useState(false);
   return (
     <>
-      
-      <BaseBox>
+      <>
         <Grid>
           <Grid.Col span={3} style={{ alignItems: "center" }}>
             <TextCustom bold>Aksi</TextCustom>
@@ -30,47 +27,51 @@ export default function AdminAppInformation_Bank() {
 
         <Divider />
 
-        {dummyMasterBank.map((e, i) => (
-          <View key={i}>
-            <Grid>
-              <Grid.Col span={3} style={{ alignItems: "center" }}>
-                <ActionIcon
-                  icon={
-                    <FontAwesome5
-                      name="edit"
-                      size={ICON_SIZE_BUTTON}
-                      color="black"
-                    />
-                  }
-                  onPress={() => {
-                    router.push(`/admin/app-information/information-bank/${i}`);
-                  }}
-                />
-              </Grid.Col>
-              <Grid.Col
-                span={3}
-                style={{ alignItems: "center", justifyContent: "center" }}
-              >
-                <Switch
-                  value={value}
-                  onValueChange={() => {
-                    setValue(!value);
-                  }}
-                  theme={{
-                    colors: {
-                      primary: MainColor.yellow,
-                    },
-                  }}
-                />
-              </Grid.Col>
-              <Grid.Col span={6} style={{ justifyContent: "center" }}>
-                <TextCustom>{e.code}</TextCustom>
-              </Grid.Col>
-            </Grid>
-            <Divider />
-          </View>
-        ))}
-      </BaseBox>
+        <StackCustom>
+          {dummyMasterBank.map((e, i) => (
+            <View key={i}>
+              <Grid>
+                <Grid.Col span={3} style={{ alignItems: "center" }}>
+                  <ActionIcon
+                    icon={
+                      <FontAwesome5
+                        name="edit"
+                        size={ICON_SIZE_BUTTON}
+                        color="black"
+                      />
+                    }
+                    onPress={() => {
+                      router.push(
+                        `/admin/app-information/information-bank/${i}`
+                      );
+                    }}
+                  />
+                </Grid.Col>
+                <Grid.Col
+                  span={3}
+                  style={{ alignItems: "center", justifyContent: "center" }}
+                >
+                  <Switch
+                    value={value}
+                    onValueChange={() => {
+                      setValue(!value);
+                    }}
+                    theme={{
+                      colors: {
+                        primary: MainColor.yellow,
+                      },
+                    }}
+                  />
+                </Grid.Col>
+                <Grid.Col span={6} style={{ justifyContent: "center" }}>
+                  <TextCustom>{e.code}</TextCustom>
+                </Grid.Col>
+              </Grid>
+              <Divider />
+            </View>
+          ))}
+        </StackCustom>
+      </>
     </>
   );
 }
diff --git a/tsconfig.json b/tsconfig.json
index 6d2b67b..9083fef 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,5 +13,5 @@
     "**/*.tsx",
     ".expo/types/**/*.ts",
     "expo-env.d.ts"
-    ]
+, "app/(application)/admin/app-information/business-field/[id]"    ]
 }