upd: diskusi umum

src/module/home/ui/view_detail_feature.tsx

@@ -4,7 +4,7 @@ import { useHookstate } from '@hookstate/core';
 import { ActionIcon, Box, Center, SimpleGrid, Text } from '@mantine/core';
 import { useMediaQuery } from '@mantine/hooks';
 import { useRouter } from 'next/navigation';
-import { FaUserTag, FaUserTie } from 'react-icons/fa6';
+import { FaComments, FaUserTag, FaUserTie } from 'react-icons/fa6';
 import { HiMegaphone, HiMiniPresentationChartBar, HiMiniUserGroup } from "react-icons/hi2";
 import { IoColorPalette } from 'react-icons/io5';
 import { PiUsersFourFill } from "react-icons/pi";
@@ -72,6 +72,22 @@ export default function ViewDetailFeature() {
                 <Text fz={isMobile ? 13 : 15} c={tema.get().utama}>Pengumuman</Text>
               </Center>
             </Box>
+            <Box onClick={() => router.push('/discussion')}>
+              <Center>
+                <ActionIcon variant="gradient"
+                  size={isMobile ? 50 : 68}
+                  aria-label="Gradient action icon"
+                  radius={100}
+                  // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
+                  bg={tema.get().bgFiturHome}
+                >
+                  <FaComments size={isMobile ? 25 : 35} color={tema.get().utama} />
+                </ActionIcon>
+              </Center>
+              <Center>
+                <Text fz={isMobile ? 13 : 15} c={tema.get().utama}>Diskusi</Text>
+              </Center>
+            </Box>
             <Box onClick={() => router.push('/member')}>
               <Center>
                 <ActionIcon variant="gradient"