# Voting Admin

## feat
- Tampilan kontributor
### No issuue

src/app_modules/component_global/maintenance_information.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import { Box, Group, Text } from "@mantine/core";
+import Marquee from "react-fast-marquee";
+
+export default function ComponentGlobal_MaintenanceInformation() {
+  return (
+    <>
+      <Box w={"100%"}>
+        <Marquee>
+          <Group spacing={"xs"}>
+            {Array(5)
+              .fill(0)
+              .map((e, i) => (
+                <Box key={i}>
+                  <Text px={"md"}>Maintenance ! </Text>
+                </Box>
+              ))}
+          </Group>
+        </Marquee>
+      </Box>
+    </>
+  );
+}

src/app_modules/component_global/notif_global/notifikasi_peringatan.tsx

@@ -8,7 +8,10 @@ import { IconAlertTriangle } from "@tabler/icons-react";
  * @type string
  * @returns notifikasi peringatan
  */
-export async function ComponentGlobal_NotifikasiPeringatan(text: string) {
+export async function ComponentGlobal_NotifikasiPeringatan(
+  text: string,
+  durasi?: number
+) {
   return notifications.show({
     message: (
       <Center>
@@ -17,8 +20,13 @@ export async function ComponentGlobal_NotifikasiPeringatan(text: string) {
     ),
     color: "yellow.3",
     radius: "md",
-    autoClose: 1000,
-    icon: <ActionIcon radius={"xl"} bg={"white"} p={3}><IconAlertTriangle color="red" /></ActionIcon>,
+    autoClose: durasi ? durasi : 1000,
+
+    icon: (
+      <ActionIcon radius={"xl"} bg={"white"} p={3}>
+        <IconAlertTriangle color="red" />
+      </ActionIcon>
+    ),
     withCloseButton: false,
 
     styles: (theme) => ({