Files
sistem-desa-mandiri/src/module/_global/layout/layout_icon_back.tsx
amel be5433694e update component global
Deskripsi:
- update link button back

- update layout loading page

No Issues
2024-07-04 15:02:00 +08:00

28 lines
743 B
TypeScript

'use client'
import { ActionIcon, Box } from '@mantine/core';
import { useRouter } from 'next/navigation';
import React from 'react';
import { HiChevronLeft } from 'react-icons/hi2';
import { WARNA } from '../fun/WARNA';
import _ from 'lodash';
function LayoutIconBack({ back }: { back?: string }) {
const router = useRouter()
return (
<Box>
<ActionIcon variant="light" onClick={() => {
if (!_.isUndefined(back) && !_.isNull(back)) {
return router.push(back)
} else {
return router.back()
}
}} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiChevronLeft size={20} color='white' />
</ActionIcon>
</Box>
);
}
export default LayoutIconBack;