feat: tambah fitur pilih semua pada halaman pilih anggota divisi

app/(application)/division/[id]/add-member.tsx

@@ -77,6 +77,22 @@ export default function AddMemberDivision() {
       }
    }
 
+   const availableData = data.filter((item: any) => !dataOld.some((i: any) => i.idUser == item.id))
+   const isAllSelected = availableData.length > 0 && availableData.every((item: any) =>
+      selectMember.some((s: any) => s.idUser == item.id)
+   )
+
+   function handleSelectAll() {
+      if (isAllSelected) {
+         setSelectMember([])
+      } else {
+         const newMembers = availableData
+            .filter((item: any) => !selectMember.some((s: any) => s.idUser == item.id))
+            .map((item: any) => ({ idUser: item.id, name: item.name, img: item.img }))
+         setSelectMember([...selectMember, ...newMembers])
+      }
+   }
+
    async function handleAddMember() {
       try {
          setLoading(true)
@@ -141,7 +157,7 @@ export default function AddMemberDivision() {
                selectMember.length > 0
                   ?
                   <View>
-                     <ScrollView horizontal style={[Styles.mb10, Styles.pv10]} showsHorizontalScrollIndicator={false}>
+                     <ScrollView horizontal style={[Styles.mb05, Styles.pv10]} showsHorizontalScrollIndicator={false}>
                         {
                            selectMember.map((item: any, index: any) => (
                               <ImageWithLabel
@@ -162,6 +178,15 @@ export default function AddMemberDivision() {
                showsVerticalScrollIndicator={false}
             >
 
+               {availableData.length > 0 && (
+                  <Pressable
+                     style={[Styles.itemSelectModal, { borderColor: colors.icon + '20', paddingTop: 0 }]}
+                     onPress={handleSelectAll}
+                  >
+                     <Text style={[Styles.textMediumSemiBold]}>{isAllSelected ? 'Batalkan Semua' : 'Pilih Semua'}</Text>
+                     {isAllSelected && <AntDesign name="check" size={20} color={colors.text} />}
+                  </Pressable>
+               )}
                {
                   data.length > 0 ?
                      data.map((item: any, index: any) => {