From 47c64bacc9833220fa063b4ffff6abe6f4574e3b Mon Sep 17 00:00:00 2001
From: amel <amel@amel.local>
Date: Fri, 14 Mar 2025 10:35:19 +0800
Subject: [PATCH] upd: diskusi divisi

Deskripsi:
- button save form tambah dan edit diskusi
- ui tambah diskusi divisi
- bottom input pada detail diskusi divisi

No Issues
---
 app/(application)/discussion/[id].tsx         |   4 +-
 .../discussion/[detail]/edit.tsx              |  11 +-
 .../discussion/[detail]/index.tsx             | 205 +++++++++---------
 .../(fitur-division)/discussion/create.tsx    |  29 +++
 .../discussion/headerDiscussionList.tsx       |   2 +-
 5 files changed, 140 insertions(+), 111 deletions(-)
 create mode 100644 app/(application)/division/[id]/(fitur-division)/discussion/create.tsx

diff --git a/app/(application)/discussion/[id].tsx b/app/(application)/discussion/[id].tsx
index ebe2caa..721fdca 100644
--- a/app/(application)/discussion/[id].tsx
+++ b/app/(application)/discussion/[id].tsx
@@ -135,7 +135,7 @@ export default function DetailDiscussionGeneral() {
                   </View>
                </View>
             </ScrollView>
-            <View style={[Styles.ph15, Styles.pv10, { position: 'absolute', bottom: 10 }]}>
+            <View style={[Styles.ph15, Styles.pv10, { position: 'absolute', bottom: 10, backgroundColor: '#f4f4f4' }]}>
                <InputForm
                   type="default"
                   round
@@ -146,7 +146,7 @@ export default function DetailDiscussionGeneral() {
                   }
                />
             </View>
-         </View>
+         </View >
       </>
    )
 }
\ No newline at end of file
diff --git a/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/edit.tsx b/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/edit.tsx
index 7a4f413..fdb9b67 100644
--- a/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/edit.tsx
+++ b/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/edit.tsx
@@ -1,6 +1,5 @@
-import AlertKonfirmasi from "@/components/alertKonfirmasi";
 import ButtonBackHeader from "@/components/buttonBackHeader";
-import { ButtonForm } from "@/components/buttonForm";
+import ButtonSaveHeader from "@/components/buttonSaveHeader";
 import { InputForm } from "@/components/inputForm";
 import Styles from "@/constants/Styles";
 import { router, Stack } from "expo-router";
@@ -14,12 +13,16 @@ export default function DiscussionDivisionEdit() {
                headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
                headerTitle: 'Edit Diskusi',
                headerTitleAlign: 'center',
+               headerRight: () => <ButtonSaveHeader category="update" onPress={() => {
+                  ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
+                  router.back()
+               }} />
             }}
          />
          <ScrollView>
             <View style={[Styles.p15]}>
                <InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required />
-               <ButtonForm
+               {/* <ButtonForm
                   text="SIMPAN"
                   onPress={() => {
                      AlertKonfirmasi({
@@ -30,7 +33,7 @@ export default function DiscussionDivisionEdit() {
                            router.back()
                         }
                      })
-                  }} />
+                  }} /> */}
             </View>
          </ScrollView>
       </SafeAreaView>
diff --git a/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx b/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx
index 78a0046..3b1ba79 100644
--- a/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx
+++ b/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx
@@ -3,7 +3,6 @@ import ButtonBackHeader from "@/components/buttonBackHeader";
 import HeaderRightDiscussionDetail from "@/components/discussion/headerDiscussionDetail";
 import { InputForm } from "@/components/inputForm";
 import LabelStatus from "@/components/labelStatus";
-import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import { Ionicons, MaterialIcons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
@@ -23,122 +22,120 @@ export default function DiscussionDetail() {
             }}
          />
          <View style={{ flex: 1 }}>
-            <View style={{ flex: 5 }}>
-               <ScrollView>
-                  <View style={[Styles.p15, Styles.mb100]}>
+            <ScrollView>
+               <View style={[Styles.p15, Styles.mb100]}>
+                  <BorderBottomItem
+                     borderType="bottom"
+                     icon={
+                        <Image
+                           source={require("../../../../../../../assets/images/user.jpeg")}
+                           style={[Styles.userProfileSmall]}
+                        />
+                     }
+                     title="Amalia Dwi"
+                     subtitle={
+                        <LabelStatus category='success' text='BUKA' size="small" />
+                     }
+                     rightTopInfo="3 Jan 2025"
+                     desc="Bagaimana dampak yg dirasakan akibat efisiensi?"
+                     leftBottomInfo={
+                        <View style={[Styles.rowItemsCenter]}>
+                           <Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} />
+                           <Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>15 Komentar</Text>
+                        </View>
+                     }
+                  />
+                  <View style={[Styles.p15]}>
                      <BorderBottomItem
                         borderType="bottom"
                         icon={
                            <Image
                               source={require("../../../../../../../assets/images/user.jpeg")}
-                              style={[Styles.userProfileSmall]}
+                              style={[Styles.userProfileExtraSmall]}
                            />
                         }
                         title="Amalia Dwi"
-                        subtitle={
-                           <LabelStatus category='success' text='BUKA' size="small" />
-                        }
                         rightTopInfo="3 Jan 2025"
-                        desc="Bagaimana dampak yg dirasakan akibat efisiensi?"
-                        leftBottomInfo={
-                           <View style={[Styles.rowItemsCenter]}>
-                              <Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} />
-                              <Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>15 Komentar</Text>
-                           </View>
-                        }
+                        desc="sangat berdampak dari berbagai sisi"
+                     />
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileExtraSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="3 Jan 2025"
+                        desc="semua menjadi terbatas.."
+                     />
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileExtraSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="3 Jan 2025"
+                        desc="semua menjadi terbatas.."
+                     />
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileExtraSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="3 Jan 2025"
+                        desc="semua menjadi terbatas.."
+                     />
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileExtraSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="3 Jan 2025"
+                        desc="semua menjadi terbatas.."
+                     />
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileExtraSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="3 Jan 2025"
+                        desc="semua menjadi terbatas.."
                      />
-                     <View style={[Styles.p15]}>
-                        <BorderBottomItem
-                           borderType="bottom"
-                           icon={
-                              <Image
-                                 source={require("../../../../../../../assets/images/user.jpeg")}
-                                 style={[Styles.userProfileExtraSmall]}
-                              />
-                           }
-                           title="Amalia Dwi"
-                           rightTopInfo="3 Jan 2025"
-                           desc="sangat berdampak dari berbagai sisi"
-                        />
-                        <BorderBottomItem
-                           borderType="bottom"
-                           icon={
-                              <Image
-                                 source={require("../../../../../../../assets/images/user.jpeg")}
-                                 style={[Styles.userProfileExtraSmall]}
-                              />
-                           }
-                           title="Amalia Dwi"
-                           rightTopInfo="3 Jan 2025"
-                           desc="semua menjadi terbatas.."
-                        />
-                        <BorderBottomItem
-                           borderType="bottom"
-                           icon={
-                              <Image
-                                 source={require("../../../../../../../assets/images/user.jpeg")}
-                                 style={[Styles.userProfileExtraSmall]}
-                              />
-                           }
-                           title="Amalia Dwi"
-                           rightTopInfo="3 Jan 2025"
-                           desc="semua menjadi terbatas.."
-                        />
-                        <BorderBottomItem
-                           borderType="bottom"
-                           icon={
-                              <Image
-                                 source={require("../../../../../../../assets/images/user.jpeg")}
-                                 style={[Styles.userProfileExtraSmall]}
-                              />
-                           }
-                           title="Amalia Dwi"
-                           rightTopInfo="3 Jan 2025"
-                           desc="semua menjadi terbatas.."
-                        />
-                        <BorderBottomItem
-                           borderType="bottom"
-                           icon={
-                              <Image
-                                 source={require("../../../../../../../assets/images/user.jpeg")}
-                                 style={[Styles.userProfileExtraSmall]}
-                              />
-                           }
-                           title="Amalia Dwi"
-                           rightTopInfo="3 Jan 2025"
-                           desc="semua menjadi terbatas.."
-                        />
-                        <BorderBottomItem
-                           borderType="bottom"
-                           icon={
-                              <Image
-                                 source={require("../../../../../../../assets/images/user.jpeg")}
-                                 style={[Styles.userProfileExtraSmall]}
-                              />
-                           }
-                           title="Amalia Dwi"
-                           rightTopInfo="3 Jan 2025"
-                           desc="semua menjadi terbatas.."
-                        />
 
-                        <BorderBottomItem
-                           borderType="bottom"
-                           icon={
-                              <Image
-                                 source={require("../../../../../../../assets/images/user.jpeg")}
-                                 style={[Styles.userProfileExtraSmall]}
-                              />
-                           }
-                           title="Amalia Dwi"
-                           rightTopInfo="3 Jan 2025"
-                           desc="semua menjadi terbatas.."
-                        />
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileExtraSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="3 Jan 2025"
+                        desc="semua menjadi terbatas.."
+                     />
 
-                     </View>
                   </View>
-               </ScrollView>
-            </View>
-            <View style={[Styles.p10, { flex: 0.5 }]}>
+               </View>
+            </ScrollView>
+            <View style={[Styles.ph15, { position: 'absolute', bottom: 0, backgroundColor: '#f4f4f4' }]}>
                <InputForm
                   bg="white"
                   type="default"
diff --git a/app/(application)/division/[id]/(fitur-division)/discussion/create.tsx b/app/(application)/division/[id]/(fitur-division)/discussion/create.tsx
new file mode 100644
index 0000000..9cf49a5
--- /dev/null
+++ b/app/(application)/division/[id]/(fitur-division)/discussion/create.tsx
@@ -0,0 +1,29 @@
+import ButtonBackHeader from "@/components/buttonBackHeader"
+import ButtonSaveHeader from "@/components/buttonSaveHeader"
+import { InputForm } from "@/components/inputForm"
+import Styles from "@/constants/Styles"
+import { router, Stack } from "expo-router"
+import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native"
+
+export default function CreateDiscussionDivision() {
+   return (
+      <SafeAreaView>
+         <Stack.Screen
+            options={{
+               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
+               headerTitle: 'Tambah Diskusi',
+               headerTitleAlign: 'center',
+               headerRight: () => <ButtonSaveHeader category="create" onPress={() => {
+                  ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
+                  router.push('./')
+               }} />
+            }}
+         />
+         <ScrollView>
+            <View style={[Styles.p15, Styles.mb100]}>
+               <InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required />
+            </View>
+         </ScrollView>
+      </SafeAreaView>
+   )
+}
\ No newline at end of file
diff --git a/components/discussion/headerDiscussionList.tsx b/components/discussion/headerDiscussionList.tsx
index cc610ab..4c71215 100644
--- a/components/discussion/headerDiscussionList.tsx
+++ b/components/discussion/headerDiscussionList.tsx
@@ -20,7 +20,7 @@ export default function HeaderRightDiscussionList() {
                   title="Tambah Diskusi"
                   onPress={() => {
                      setVisible(false)
-                     router.push('/discussion/create')
+                     router.push('./discussion/create')
                   }}
                />
             </View>