style : tema

src/module/home/ui/view_detail_feature.tsx

@@ -8,6 +8,7 @@ import { useRouter } from 'next/navigation';
 import { FaUserTag, FaUserTie } from 'react-icons/fa6';
 import { useHookstate } from '@hookstate/core';
 import { useMediaQuery } from '@mantine/hooks';
+import { IoColorPalette, IoColorPaletteOutline } from 'react-icons/io5';
 
 export default function ViewDetailFeature() {
   const router = useRouter()
@@ -108,6 +109,23 @@ export default function ViewDetailFeature() {
                 </Center>
               </Box>
             }
+            {
+              roleLogin.get() == "supadmin" &&
+              <Box onClick={() => router.push('/color-palette')}>
+                <Center>
+                  <ActionIcon variant="gradient"
+                    size={isMobile ? 50 : 68}
+                    aria-label="Gradient action icon"
+                    radius={100}
+                    gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
+                    <IoColorPalette size={isMobile ? 25 : 35} color={WARNA.biruTua} />
+                  </ActionIcon>
+                </Center>
+                <Center>
+                  <Text fz={15} c={WARNA.biruTua}>Palet Warna</Text>
+                </Center>
+              </Box>
+            }
 
           </SimpleGrid>
         </Box>