Files
hipmi/src/app_modules/investasi/status_transaksi/layout.tsx
Bagasbanuna02 54eae1bce3 feat:
- Tampilan buat berita
- Tampilan dialog page buat proyek investasi
- Tampilan list edit beritq
- # No issue
fix:
- Perubahan minor
2023-10-31 16:18:44 +08:00

60 lines
1.5 KiB
TypeScript

"use client";
import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
import {
ActionIcon,
AppShell,
Button,
Center,
CloseButton,
Footer,
Group,
Header,
Text,
} from "@mantine/core";
import { useAtom } from "jotai";
import { useRouter } from "next/navigation";
import React from "react";
import { gs_investasiFooter } from "../g_state";
import { Warna } from "@/app/lib/warna";
export default function LayoutStatusTransaksiInvestasi({
children,
}: {
children: React.ReactNode;
}) {
const router = useRouter();
// const [changeColor, setChangeColor] = useAtom(gs_investasiFooter);
return (
<>
<AppShell
header={
<Header height={50}>
<Group position="apart" align="center" h={50} px={"md"}>
<CloseButton
size={"md"}
onClick={() => {
router.push(RouterInvestasi.portofolio);
// setChangeColor(true);
}}
/>
<Text>Status Transaksi</Text>
<ActionIcon variant="transparent" disabled></ActionIcon>
</Group>
</Header>
}
footer={
<Footer height={70} sx={{ borderStyle: "none" }}>
<Center>
<Button w={300} radius={50} bg={Warna.biru} onClick={() => router.push(RouterInvestasi.portofolio)}>Kembali Ke Portofolio</Button>
</Center>
</Footer>
}
>
{children}
</AppShell>
</>
);
}