wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#style: Tampilan home

Browse Source 
Deskripsi:
- Tampilan tamplate layout positionnya di ganti fixed ( tidak bisa di tarik ke bawah jika sudah menjadi aplikasi )
- UI Home selesai
- UI User search selesai
- UI Notifikasi selesai
## No issuee
This commit is contained in:
Bagasbanuna02
2024-07-09 10:25:18 +08:00
parent cbe4a7b2c0
commit 9068631c33
61 changed files with 1390 additions and 1156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/app_modules/forum/component/detail_component/ui_report_komentar.tsx Normal file
View File

@@ -0,0 +1,66 @@
"use client"
import { Stack, Paper, Text, List, Box } from "@mantine/core";
import { useState } from "react";
import { MODEL_FORUM_KOMENTAR } from "../../model/interface";
import { AccentColor, MainColor } from "@/app_modules/component_global/color/color_pallet";
export function ComponentForum_UiDetailReportKomentar({
dataKomentar,
}: {
dataKomentar: any;
}) {
const [data, setData] = useState<MODEL_FORUM_KOMENTAR>(dataKomentar.data);
const [list, setList] = useState<any[]>(dataKomentar.list);
return (
<>
<Box
p={"md"}
style={{
backgroundColor: MainColor.darkblue,
border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px 10px 10px 10px",
}}
>
<Stack c="white">
<Text fw={"bold"} align="center" mb={"lg"}>
Komentar anda telah dihapus dari sebuah postingan oleh ADMIN, karena
memiliki beberapa laporan dari pengguna lain !
</Text>
<Stack spacing={"xs"}>
<Text fw={"bold"}>Komentar anda</Text>
<Paper withBorder p={"sm"}>
<Text>
<div dangerouslySetInnerHTML={{ __html: data.komentar }} />
</Text>
</Paper>
</Stack>
<Stack spacing={"xs"}>
<Text fw={"bold"}>
Pada postingan : {data.Forum_Posting.Author.username}
</Text>
<Paper withBorder p={"sm"}>
<Text>
<div
dangerouslySetInnerHTML={{
__html: data.Forum_Posting.diskusi,
}}
/>
</Text>
</Paper>
</Stack>
<Stack spacing={"xs"}>
<Text fw={"bold"}>Laporan yang diterima :</Text>
<List withPadding>
{list.map((x, i) => (
<List.Item c={"white"} key={i}>{x}</List.Item>
))}
</List>
</Stack>
</Stack>
</Box>
</>
);
}

61
src/app_modules/forum/component/detail_component/ui_report_posting.tsx Normal file
View File

@@ -0,0 +1,61 @@
"use client";
import { Stack, Paper, Text, List, Box } from "@mantine/core";
import { useState } from "react";
import { MODEL_FORUM_POSTING } from "../../model/interface";
import {
AccentColor,
MainColor,
} from "@/app_modules/component_global/color/color_pallet";
export function ComponentForum_UiDetailReportPosting({
dataPosting,
}: {
dataPosting: any;
}) {
const [data, setData] = useState<MODEL_FORUM_POSTING>(dataPosting.data);
const [list, setList] = useState<any[]>(dataPosting.list);
return (
<>
<Box
p={"md"}
style={{
backgroundColor: MainColor.darkblue,
border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px 10px 10px 10px",
}}
>
<Stack c="white">
<Text fw={"bold"} align="center" mb={"lg"}>
Postingan anda telah dihapus dari beranda oleh ADMIN, karena
memiliki beberapa laporan dari pengguna lain !
</Text>
<Stack spacing={"xs"}>
<Text fw={"bold"}>Pada postingan</Text>
<Paper withBorder p={"sm"}>
<Text>
<div
dangerouslySetInnerHTML={{
__html: data.diskusi,
}}
/>
</Text>
</Paper>
</Stack>
<Stack spacing={"xs"}>
<Text fw={"bold"}>Laporan yang diterima :</Text>
<List withPadding>
{list.map((x, i) => (
<List.Item c={"white"} key={i}>
{x}
</List.Item>
))}
</List>
</Stack>
</Stack>
</Box>
</>
);
}