feat : update module

Deskripsi:
- update announcement and api
- update position and api

No Issue

src/module/announcement/ui/list_announcement.tsx

@@ -0,0 +1,89 @@
+'use client'
+import { API_ADDRESS, WARNA } from '@/module/_global';
+import { ActionIcon, Box, Center, Divider, Grid, Group, Spoiler, Text, TextInput } from '@mantine/core';
+import React, { useState } from 'react';
+import { TfiAnnouncement } from "react-icons/tfi";
+import { HiMagnifyingGlass } from 'react-icons/hi2';
+import { useRouter } from 'next/navigation';
+import { useShallowEffect } from '@mantine/hooks';
+import { IListDataAnnouncement } from '../lib/type_announcement';
+import { funGetAllAnnouncement } from '../lib/api_announcement';
+import toast from 'react-hot-toast';
+
+
+export default function ListAnnouncement() {
+   const [isData, setIsData] = useState<IListDataAnnouncement[]>([])
+   const [searchQuery, setSearchQuery] = useState('')
+   const router = useRouter()
+
+   const fetchData = async () => {
+      try {
+         const response = await funGetAllAnnouncement('?search=' + searchQuery)
+
+         if (response.success) {
+            setIsData(response?.data)
+         } else {
+            toast.error(response.message);
+         }
+
+      } catch (error) {
+         toast.error("Gagal mendapatkan announcement, coba lagi nanti");
+         console.error(error);
+      }
+   }
+
+   useShallowEffect(() => {
+      fetchData()
+   }, [searchQuery])
+
+   return (
+      <Box p={20}>
+         <TextInput
+            styles={{
+               input: {
+                  color: WARNA.biruTua,
+                  borderRadius: WARNA.biruTua,
+                  borderColor: WARNA.biruTua,
+               },
+            }}
+            size="md"
+            radius={30}
+            leftSection={<HiMagnifyingGlass size={20} />}
+            placeholder="Pencarian"
+            onChange={(e) => setSearchQuery(e.target.value)}
+            />
+         {isData.map((v, i) => {
+            return (
+               <Box key={i} mt={15}>
+                  <Box >
+                     <Grid>
+                        <Grid.Col span={2}>
+                           <Center>
+                              <ActionIcon variant="light" bg={'#FCAA4B'} size={50} radius={100} aria-label="icon">
+                                 <TfiAnnouncement color={WARNA.biruTua} size={25} />
+                              </ActionIcon>
+                           </Center>
+                        </Grid.Col>
+                        <Grid.Col span={10}>
+                           <Group justify='space-between' mb={5} onClick={() => {
+                              router.push(`/announcement/${v.id}`)
+                           }}>
+                              <Text fw={'bold'} c={WARNA.biruTua}>{v.title}</Text>
+                              <Text fw={'lighter'} c={WARNA.biruTua} fz={13}>{v.createdAt}</Text>
+                           </Group>
+                           {/* <Text c={WARNA.biruTua} lineClamp={2}>{v.desc}</Text> */}
+                           <Spoiler maxHeight={50} showLabel="Lebih banyak" hideLabel="Lebih sedikit">
+                              <Text c={WARNA.biruTua} onClick={() => {
+                                 router.push(`/announcement/${v.id}`)
+                              }} >{v.desc}</Text>
+                           </Spoiler>
+                        </Grid.Col>
+                     </Grid>
+                  </Box>
+                  <Divider my={15} />
+               </Box>
+            )
+         })}
+      </Box>
+   );
+}