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

feature & fix

Browse Source 
deskripsi:
feature :
- Forum : beranda, edit, detail, create
# No Issue
This commit is contained in:
Bagasbanuna02
2025-07-14 17:37:43 +08:00
parent 3211404397
commit cce27c26f6
10 changed files with 379 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
screens/Forum/CommentarBoxSection.tsx Normal file
View File

@@ -0,0 +1,74 @@
import {
BaseBox,
Grid,
AvatarCustom,
TextCustom,
ClickableCustom,
Spacing,
} from "@/components";
import { MainColor } from "@/constants/color-palet";
import { ICON_SIZE_SMALL } from "@/constants/constans-value";
import { Entypo } from "@expo/vector-icons";
import { View } from "react-native";
export default function Forum_CommentarBoxSection({
data,
setOpenDrawer,
setStatus,
}: {
data: any;
setOpenDrawer: (value: boolean) => void;
setStatus: (value: string) => void;
}) {
return (
<>
<BaseBox>
<View>
<Grid>
<Grid.Col span={2}>
<AvatarCustom href={`/profile/${data.id}`} />
</Grid.Col>
<Grid.Col
span={8}
style={{
justifyContent: "center",
}}
>
<TextCustom>{data.name}</TextCustom>
</Grid.Col>
<Grid.Col
span={2}
style={{
justifyContent: "center",
}}
>
<ClickableCustom
onPress={() => {
setOpenDrawer(true);
setStatus(data.status);
}}
style={{
alignItems: "flex-end",
}}
>
<Entypo
name="dots-three-horizontal"
color={MainColor.white}
size={ICON_SIZE_SMALL}
/>
</ClickableCustom>
</Grid.Col>
</Grid>
<TextCustom>{data.deskripsi}</TextCustom>
<Spacing />
<View style={{ alignItems: "flex-end" }}>
<TextCustom>{data.date}</TextCustom>
</View>
</View>
</BaseBox>
</>
);
}

41
screens/Forum/berandaSection.tsx → screens/Forum/DiscussionBoxSection.tsx
View File

@@ -9,17 +9,37 @@ import {
import { MainColor } from "@/constants/color-palet";
import { ICON_SIZE_SMALL } from "@/constants/constans-value";
import { Entypo, Ionicons } from "@expo/vector-icons";
import { Href, router } from "expo-router";
import { View } from "react-native";
export default function Forum_BerandaSection({
export default function Forum_BoxDetailSection({
data,
isTruncate,
setOpenDrawer,
setStatus,
href,
}: {
data: any;
isTruncate?: boolean;
setOpenDrawer: (value: boolean) => void;
setStatus: (value: string) => void;
href?: Href;
}) {
const deskripsiView = (
<View
style={{
backgroundColor: MainColor.soft_darkblue,
padding: 8,
borderRadius: 8,
}}
>
{isTruncate ? (
<TextCustom truncate={2}>{data.deskripsi}</TextCustom>
) : (
<TextCustom>{data.deskripsi}</TextCustom>
)}
</View>
);
return (
<>
@@ -66,16 +86,15 @@ export default function Forum_BerandaSection({
</Grid.Col>
</Grid>
<View
style={{
backgroundColor: MainColor.soft_darkblue,
padding: 8,
borderRadius: 8,
}}
>
<TextCustom truncate={2}>{data.deskripsi}</TextCustom>
</View>
<Spacing />
{href ? (
<ClickableCustom onPress={() => router.push(href as any)}>
{deskripsiView}
</ClickableCustom>
) : (
deskripsiView
)}
<Spacing height={10} />
<Grid>
<Grid.Col span={6}>

2
screens/Forum/ListPage.tsx
View File

@@ -16,7 +16,7 @@ const drawerItemsForumBeranda = ({
<Feather name="edit" size={ICON_SIZE_SMALL} color={MainColor.white} />
),
label: "Edit posting",
path: `/forumku/${id}`,
path: `/forum/${id}/edit`,
},
{
icon:

0
screens/Forum/MenuDrawerSection.tsx/MenuCommentar.tsx Normal file
View File

54
screens/Forum/list-data-dummy.tsx
View File

@@ -1,4 +1,9 @@
export const listDataDummyForum = [
export {
listDummyDiscussionForum,
listDummyCommentarForum,
}
const listDummyDiscussionForum = [
{
name: "Bagas",
status: "Open",
@@ -50,3 +55,50 @@ export const listDataDummyForum = [
jumlahBalas: 2,
},
];
const listDummyCommentarForum = [
{
name: "Bagas",
status: "Delete",
date: "14/07/2025",
deskripsi:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
},
{
name: "Banuna",
status: "Report",
date: "14/07/2025",
deskripsi:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
},
{
name: "Nusantara",
status: "Delete",
date: "14/07/2025",
deskripsi:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
},
{
name: "Nabillah",
status: "Report",
date: "14/07/2025",
deskripsi:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
},
{
name: "Riyusa",
status: "Report",
date: "14/07/2025",
deskripsi:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
},
{
name: "Nita",
status: "Delete",
date: "14/07/2025",
deskripsi:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
},
];