43 lines
930 B
TypeScript
43 lines
930 B
TypeScript
import { Center, Text } from "@mantine/core";
|
|
import { notifications } from "@mantine/notifications";
|
|
import {
|
|
IconAlertTriangle,
|
|
IconChecklist,
|
|
IconCircleCheck,
|
|
} from "@tabler/icons-react";
|
|
|
|
/**
|
|
*
|
|
* @param text | masukan text untuk peringatan
|
|
* @type string
|
|
* @param durasi | durasi autoClose
|
|
* @type number
|
|
* @returns notifikasi berhasil warna hijau
|
|
*/
|
|
export async function ComponentGlobal_NotifikasiBerhasil(
|
|
text: string,
|
|
durasi?: number
|
|
) {
|
|
return notifications.show({
|
|
message: (
|
|
<Center>
|
|
<Text align="center" fw={"bold"}>
|
|
{text}
|
|
</Text>
|
|
</Center>
|
|
),
|
|
color: "green",
|
|
radius: "md",
|
|
autoClose: durasi ? durasi : 2000,
|
|
icon: <IconCircleCheck color="white" />,
|
|
withCloseButton: false,
|
|
|
|
styles: (theme) => ({
|
|
description: { color: theme.white },
|
|
root: {
|
|
backgroundColor: theme.colors.green[7],
|
|
},
|
|
}),
|
|
});
|
|
}
|