Senin, 20 May 2025 :
This commit is contained in:
@@ -1,10 +1,35 @@
|
|||||||
|
import colors from '@/con/colors';
|
||||||
|
import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
import CreateInfoWabahPenyakit from './ui/tambah_wabah_penyakit/page';
|
||||||
|
import ListInfoWabahPenyakit from './ui/list_wabah_penyakit/page';
|
||||||
|
|
||||||
|
|
||||||
function Page() {
|
function Page() {
|
||||||
return (
|
return (
|
||||||
<div>
|
<Box>
|
||||||
Wabah Penyakit
|
<Stack gap={'xs'}>
|
||||||
</div>
|
<Title order={3}>Wabah Penyakit</Title>
|
||||||
|
<Tabs defaultValue="create" color={colors['blue-button']} variant='pills'>
|
||||||
|
<TabsList mb={10} bg={colors['BG-trans']} p={'xs'}>
|
||||||
|
<TabsTab value="create" >
|
||||||
|
Tambah Wabah Penyakit
|
||||||
|
</TabsTab>
|
||||||
|
<TabsTab value="list" >
|
||||||
|
List Wabah Penyakit
|
||||||
|
</TabsTab>
|
||||||
|
</TabsList>
|
||||||
|
|
||||||
|
<TabsPanel value="create">
|
||||||
|
<CreateInfoWabahPenyakit/>
|
||||||
|
</TabsPanel>
|
||||||
|
|
||||||
|
<TabsPanel value="list">
|
||||||
|
<ListInfoWabahPenyakit/>
|
||||||
|
</TabsPanel>
|
||||||
|
</Tabs>
|
||||||
|
</Stack>
|
||||||
|
</Box>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
|
||||||
|
import colors from '@/con/colors';
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
function ListInfoWabahPenyakit() {
|
||||||
|
return (
|
||||||
|
<Box>
|
||||||
|
<Paper bg={colors['white-1']} p={'md'} radius={10}>
|
||||||
|
<Stack gap={'xs'}>
|
||||||
|
<Title order={3}>List Info Wabah/Penyakit</Title>
|
||||||
|
<Box>
|
||||||
|
<Table striped withTableBorder withColumnBorders withRowBorders>
|
||||||
|
<TableThead>
|
||||||
|
<TableTr>
|
||||||
|
<TableTh>Image</TableTh>
|
||||||
|
<TableTh>Nama Info Wabah/Penyakit</TableTh>
|
||||||
|
<TableTh>Deskripsi Info Wabah/Penyakit</TableTh>
|
||||||
|
<TableTh>Aksi</TableTh>
|
||||||
|
<TableTh>Detail</TableTh>
|
||||||
|
</TableTr>
|
||||||
|
</TableThead>
|
||||||
|
<TableTbody>
|
||||||
|
|
||||||
|
</TableTbody>
|
||||||
|
</Table>
|
||||||
|
</Box>
|
||||||
|
</Stack>
|
||||||
|
</Paper>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ListInfoWabahPenyakit;
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
import colors from '@/con/colors';
|
||||||
|
import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
|
||||||
|
import { IconImageInPicture } from '@tabler/icons-react';
|
||||||
|
import React from 'react';
|
||||||
|
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
|
||||||
|
|
||||||
|
function CreateInfoWabahPenyakit() {
|
||||||
|
return (
|
||||||
|
<Box>
|
||||||
|
<Stack gap={'xs'}>
|
||||||
|
<SimpleGrid cols={{ base: 1, md: 2 }}>
|
||||||
|
<Box>
|
||||||
|
<Paper bg={colors['white-1']} p={'md'}>
|
||||||
|
<Stack gap={"xs"}>
|
||||||
|
<Title order={4}>Tambah Info Wabah/Penyakit</Title>
|
||||||
|
<Box>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Masukkan Image</Text>
|
||||||
|
<IconImageInPicture size={50} />
|
||||||
|
</Box>
|
||||||
|
<TextInput
|
||||||
|
label={<Text fw={"bold"} fz={"sm"}>Nama Info Wabah/Penyakit</Text>}
|
||||||
|
placeholder='Masukkan nama info wabah/penyakit'
|
||||||
|
/>
|
||||||
|
<Box>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Deskripsi Info Wabah/Penyakit</Text>
|
||||||
|
<KesehatanEditor
|
||||||
|
showSubmit={false}
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
<Group>
|
||||||
|
<Button bg={colors['blue-button']}>Submit</Button>
|
||||||
|
</Group>
|
||||||
|
</Stack>
|
||||||
|
</Paper>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
</SimpleGrid>
|
||||||
|
</Stack>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default CreateInfoWabahPenyakit;
|
||||||
@@ -1,10 +1,34 @@
|
|||||||
|
import colors from '@/con/colors';
|
||||||
|
import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
import CreateKontakDarurat from './ui/tambah_kontak_darurat/page';
|
||||||
|
import ListKontakDarurat from './ui/list_kontak_darurat/page';
|
||||||
|
|
||||||
function Page() {
|
function Page() {
|
||||||
return (
|
return (
|
||||||
<div>
|
<Box>
|
||||||
Kontak Darurat
|
<Stack gap={'xs'}>
|
||||||
</div>
|
<Title order={3}>Kontak Darurat</Title>
|
||||||
|
<Tabs defaultValue="create" color={colors['blue-button']} variant='pills'>
|
||||||
|
<TabsList mb={10} bg={colors['BG-trans']} p={'xs'}>
|
||||||
|
<TabsTab value="create" >
|
||||||
|
Tambah Kontak Darurat
|
||||||
|
</TabsTab>
|
||||||
|
<TabsTab value="list" >
|
||||||
|
List Kontak Darurat
|
||||||
|
</TabsTab>
|
||||||
|
</TabsList>
|
||||||
|
|
||||||
|
<TabsPanel value="create">
|
||||||
|
<CreateKontakDarurat />
|
||||||
|
</TabsPanel>
|
||||||
|
|
||||||
|
<TabsPanel value="list">
|
||||||
|
<ListKontakDarurat/>
|
||||||
|
</TabsPanel>
|
||||||
|
</Tabs>
|
||||||
|
</Stack>
|
||||||
|
</Box>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
|
||||||
|
import colors from '@/con/colors';
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
function ListKontakDarurat() {
|
||||||
|
return (
|
||||||
|
<Box>
|
||||||
|
<Paper bg={colors['white-1']} p={'md'} radius={10}>
|
||||||
|
<Stack gap={'xs'}>
|
||||||
|
<Title order={3}>List Kontak Darurat</Title>
|
||||||
|
<Box>
|
||||||
|
<Table striped withTableBorder withColumnBorders withRowBorders>
|
||||||
|
<TableThead>
|
||||||
|
<TableTr>
|
||||||
|
<TableTh>Image</TableTh>
|
||||||
|
<TableTh>Nama Kontak Darurat</TableTh>
|
||||||
|
<TableTh>Deskripsi Kontak Darurat</TableTh>
|
||||||
|
<TableTh>Aksi</TableTh>
|
||||||
|
<TableTh>Detail</TableTh>
|
||||||
|
</TableTr>
|
||||||
|
</TableThead>
|
||||||
|
<TableTbody>
|
||||||
|
|
||||||
|
</TableTbody>
|
||||||
|
</Table>
|
||||||
|
</Box>
|
||||||
|
</Stack>
|
||||||
|
</Paper>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ListKontakDarurat;
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
import colors from '@/con/colors';
|
||||||
|
import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
|
||||||
|
import { IconImageInPicture } from '@tabler/icons-react';
|
||||||
|
import React from 'react';
|
||||||
|
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
|
||||||
|
|
||||||
|
function CreateKontakDarurat() {
|
||||||
|
return (
|
||||||
|
<Box>
|
||||||
|
<Stack gap={'xs'}>
|
||||||
|
<SimpleGrid cols={{ base: 1, md: 2 }}>
|
||||||
|
<Box>
|
||||||
|
<Paper bg={colors['white-1']} p={'md'}>
|
||||||
|
<Stack gap={"xs"}>
|
||||||
|
<Title order={4}>Tambah Kontak Darurat</Title>
|
||||||
|
<Box>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Masukkan Image</Text>
|
||||||
|
<IconImageInPicture size={50} />
|
||||||
|
</Box>
|
||||||
|
<TextInput
|
||||||
|
label={<Text fw={"bold"} fz={"sm"}>Nama Kontak Darurat</Text>}
|
||||||
|
placeholder='Masukkan nama kontak darurat'
|
||||||
|
/>
|
||||||
|
<Box>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Deskripsi Kontak Darurat</Text>
|
||||||
|
<KesehatanEditor
|
||||||
|
showSubmit={false}
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
<Group>
|
||||||
|
<Button bg={colors['blue-button']}>Submit</Button>
|
||||||
|
</Group>
|
||||||
|
</Stack>
|
||||||
|
</Paper>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
</SimpleGrid>
|
||||||
|
</Stack>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default CreateKontakDarurat;
|
||||||
@@ -1,10 +1,34 @@
|
|||||||
|
import colors from '@/con/colors';
|
||||||
|
import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
import CreatePenangananDarurat from './ui/tambah_penanganan_darurat/page';
|
||||||
|
import ListPenangananDarurat from './ui/list_penanganan_darurat/page';
|
||||||
|
|
||||||
function Page() {
|
function Page() {
|
||||||
return (
|
return (
|
||||||
<div>
|
<Box>
|
||||||
Penanganan Darurat
|
<Stack gap={'xs'}>
|
||||||
</div>
|
<Title order={3}>Penanganan Darurat</Title>
|
||||||
|
<Tabs defaultValue="create" color={colors['blue-button']} variant='pills'>
|
||||||
|
<TabsList mb={10} bg={colors['BG-trans']} p={'xs'}>
|
||||||
|
<TabsTab value="create" >
|
||||||
|
Tambah Penanganan Darurat
|
||||||
|
</TabsTab>
|
||||||
|
<TabsTab value="list" >
|
||||||
|
List Penanganan Darurat
|
||||||
|
</TabsTab>
|
||||||
|
</TabsList>
|
||||||
|
|
||||||
|
<TabsPanel value="create">
|
||||||
|
<CreatePenangananDarurat/>
|
||||||
|
</TabsPanel>
|
||||||
|
|
||||||
|
<TabsPanel value="list">
|
||||||
|
<ListPenangananDarurat/>
|
||||||
|
</TabsPanel>
|
||||||
|
</Tabs>
|
||||||
|
</Stack>
|
||||||
|
</Box>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
|
||||||
|
import colors from '@/con/colors';
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
function ListPenangananDarurat() {
|
||||||
|
return (
|
||||||
|
<Box>
|
||||||
|
<Paper bg={colors['white-1']} p={'md'} radius={10}>
|
||||||
|
<Stack gap={'xs'}>
|
||||||
|
<Title order={3}>List Penanganan Darurat</Title>
|
||||||
|
<Box>
|
||||||
|
<Table striped withTableBorder withColumnBorders withRowBorders>
|
||||||
|
<TableThead>
|
||||||
|
<TableTr>
|
||||||
|
<TableTh>Image</TableTh>
|
||||||
|
<TableTh>Nama Penanganan Darurat</TableTh>
|
||||||
|
<TableTh>Deskripsi Penanganan Darurat</TableTh>
|
||||||
|
<TableTh>Aksi</TableTh>
|
||||||
|
<TableTh>Detail</TableTh>
|
||||||
|
</TableTr>
|
||||||
|
</TableThead>
|
||||||
|
<TableTbody>
|
||||||
|
|
||||||
|
</TableTbody>
|
||||||
|
</Table>
|
||||||
|
</Box>
|
||||||
|
</Stack>
|
||||||
|
</Paper>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ListPenangananDarurat;
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
import colors from '@/con/colors';
|
||||||
|
import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
|
||||||
|
import { IconImageInPicture } from '@tabler/icons-react';
|
||||||
|
import React from 'react';
|
||||||
|
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
|
||||||
|
|
||||||
|
function CreatePenangananDarurat() {
|
||||||
|
return (
|
||||||
|
<Box>
|
||||||
|
<Stack gap={'xs'}>
|
||||||
|
<SimpleGrid cols={{ base: 1, md: 2 }}>
|
||||||
|
<Box>
|
||||||
|
<Paper bg={colors['white-1']} p={'md'}>
|
||||||
|
<Stack gap={"xs"}>
|
||||||
|
<Title order={4}>Tambah Penanganan Darurat</Title>
|
||||||
|
<Box>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Masukkan Image</Text>
|
||||||
|
<IconImageInPicture size={50} />
|
||||||
|
</Box>
|
||||||
|
<TextInput
|
||||||
|
label={<Text fw={"bold"} fz={"sm"}>Nama Penanganan Darurat</Text>}
|
||||||
|
placeholder='Masukkan nama penanganan darurat'
|
||||||
|
/>
|
||||||
|
<Box>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Deskripsi Penanganan Darurat</Text>
|
||||||
|
<KesehatanEditor
|
||||||
|
showSubmit={false}
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
<Group>
|
||||||
|
<Button bg={colors['blue-button']}>Submit</Button>
|
||||||
|
</Group>
|
||||||
|
</Stack>
|
||||||
|
</Paper>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
</SimpleGrid>
|
||||||
|
</Stack>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default CreatePenangananDarurat;
|
||||||
@@ -1,10 +1,33 @@
|
|||||||
import React from 'react';
|
import colors from '@/con/colors';
|
||||||
|
import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
|
||||||
|
import CreateProgramKesehatan from './ui/tambah_program_kesehatan/page';
|
||||||
|
import ListProgramKesehatan from './ui/list_program_kesehatan/page';
|
||||||
|
|
||||||
function Page() {
|
function Page() {
|
||||||
return (
|
return (
|
||||||
<div>
|
<Box>
|
||||||
Program Kesehatan
|
<Stack gap={'xs'}>
|
||||||
</div>
|
<Title order={3}>Program Kesehatan</Title>
|
||||||
|
<Tabs defaultValue="create" color={colors['blue-button']} variant='pills'>
|
||||||
|
<TabsList mb={10} bg={colors['BG-trans']} p={'xs'}>
|
||||||
|
<TabsTab value="create" >
|
||||||
|
Tambah Program Kesehatan
|
||||||
|
</TabsTab>
|
||||||
|
<TabsTab value="list" >
|
||||||
|
List Program Kesehatan
|
||||||
|
</TabsTab>
|
||||||
|
</TabsList>
|
||||||
|
|
||||||
|
<TabsPanel value="create">
|
||||||
|
<CreateProgramKesehatan />
|
||||||
|
</TabsPanel>
|
||||||
|
|
||||||
|
<TabsPanel value="list">
|
||||||
|
<ListProgramKesehatan/>
|
||||||
|
</TabsPanel>
|
||||||
|
</Tabs>
|
||||||
|
</Stack>
|
||||||
|
</Box>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,11 @@
|
|||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
function DetailProgramKesehatan() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
Page
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default DetailProgramKesehatan;
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
|
||||||
|
import colors from '@/con/colors';
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
function ListProgramKesehatan() {
|
||||||
|
return (
|
||||||
|
<Box>
|
||||||
|
<Paper bg={colors['white-1']} p={'md'} radius={10}>
|
||||||
|
<Stack gap={'xs'}>
|
||||||
|
<Title order={3}>List Program Kesehatan</Title>
|
||||||
|
<Box>
|
||||||
|
<Table striped withRowBorders withColumnBorders withTableBorder>
|
||||||
|
<TableThead>
|
||||||
|
<TableTr>
|
||||||
|
<TableTh>Deskripsi Program Kesehatan</TableTh>
|
||||||
|
<TableTh>Nama Konten Program Kesehatan</TableTh>
|
||||||
|
<TableTh>Deskripsi Konten Program Kesehatan</TableTh>
|
||||||
|
<TableTh>Aksi</TableTh>
|
||||||
|
<TableTh>Detail</TableTh>
|
||||||
|
</TableTr>
|
||||||
|
</TableThead>
|
||||||
|
<TableTbody>
|
||||||
|
|
||||||
|
</TableTbody>
|
||||||
|
</Table>
|
||||||
|
</Box>
|
||||||
|
</Stack>
|
||||||
|
</Paper>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ListProgramKesehatan;
|
||||||
@@ -0,0 +1,62 @@
|
|||||||
|
import colors from '@/con/colors';
|
||||||
|
import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
|
||||||
|
import React from 'react';
|
||||||
|
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
|
||||||
|
import { IconImageInPicture } from '@tabler/icons-react';
|
||||||
|
|
||||||
|
function CreateProgramKesehatan() {
|
||||||
|
return (
|
||||||
|
<Box>
|
||||||
|
<Stack gap={'xs'}>
|
||||||
|
<SimpleGrid cols={{ base: 1, md: 2 }}>
|
||||||
|
<Box>
|
||||||
|
<Paper bg={colors['white-1']} p={'md'}>
|
||||||
|
<Stack gap={'xs'}>
|
||||||
|
<Title order={4}>Tambah Program Kesehatan</Title>
|
||||||
|
<Box>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Deskripsi Program Kesehatan</Text>
|
||||||
|
<KesehatanEditor
|
||||||
|
showSubmit={false}
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
<Text>Masukkan Image</Text>
|
||||||
|
<IconImageInPicture size={50} />
|
||||||
|
</Box>
|
||||||
|
<TextInput
|
||||||
|
label={<Text fw={"bold"} fz={"sm"}>Nama Konten Program Kesehatan</Text>}
|
||||||
|
placeholder='Masukkan nama konten program kesehatan'
|
||||||
|
/>
|
||||||
|
<Box>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Deskripsi Konten Program Kesehatan</Text>
|
||||||
|
<KesehatanEditor
|
||||||
|
showSubmit={false}
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
<Group>
|
||||||
|
<Button bg={colors['blue-button']}>Submit</Button>
|
||||||
|
</Group>
|
||||||
|
</Stack>
|
||||||
|
</Paper>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
<Paper bg={colors['white-1']} p={"md"}>
|
||||||
|
<Stack gap={"xs"}>
|
||||||
|
<Title order={4}>Preview Data Program Kesehatan</Title>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Deskripsi Program Kesehatan</Text>
|
||||||
|
<Box>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Image</Text>
|
||||||
|
<IconImageInPicture size={50} />
|
||||||
|
</Box>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Nama Konten Program Kesehatan</Text>
|
||||||
|
<Text fw={"bold"} fz={"sm"}>Deskripsi Konten Program Kesehatan</Text>
|
||||||
|
</Stack>
|
||||||
|
</Paper>
|
||||||
|
</Box>
|
||||||
|
</SimpleGrid>
|
||||||
|
</Stack>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default CreateProgramKesehatan;
|
||||||
@@ -19,7 +19,7 @@ function Page() {
|
|||||||
<Paper bg={colors['white-1']} p={'md'}>
|
<Paper bg={colors['white-1']} p={'md'}>
|
||||||
<Stack gap={"xs"}>
|
<Stack gap={"xs"}>
|
||||||
<Title order={3}>Permohonan Informasi Publik</Title>
|
<Title order={3}>Permohonan Informasi Publik</Title>
|
||||||
<Box p={"xl"}>
|
<Box>
|
||||||
<Table striped withRowBorders withColumnBorders withTableBorder>
|
<Table striped withRowBorders withColumnBorders withTableBorder>
|
||||||
<TableThead>
|
<TableThead>
|
||||||
<TableTr>
|
<TableTr>
|
||||||
|
|||||||
Reference in New Issue
Block a user