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

feat: Complete Admin Phase 4 Forum screens migration + add PADDING_INLINE

Browse Source 
- Migrate 6 admin forum screens to OS_Wrapper (posting list, report lists, detail reports)
- Add contentPadding={PADDING_INLINE} to all 6 forum screens for consistent spacing
- Disable margin style in renderItem for list comment and detail report screens (temporarily commented out)
- Update TASK-005 with Admin Phase 4 completion status
- Total: 167 files migrated (~94% complete)

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
bagasbanuna
2026-04-15 10:06:32 +08:00
parent 670e374bb4
commit 115e9c49a2
7 changed files with 112 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
screens/Admin/Forum/ScreenForumDetailReportComment.tsx
View File

@@ -4,6 +4,7 @@ import {
AlertDefaultSystem,
DrawerCustom,
MenuDrawerDynamicGrid,
OS_Wrapper,
StackCustom,
TextCustom,
} from "@/components";
@@ -13,8 +14,8 @@ import AdminBasicBox from "@/components/_ShareComponent/Admin/AdminBasicBox";
import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
import { GridSpan_4_8 } from "@/components/_ShareComponent/GridSpan_4_8";
import GridTwoView from "@/components/_ShareComponent/GridTwoView";
import NewWrapper from "@/components/_ShareComponent/NewWrapper";
import { MainColor } from "@/constants/color-palet";
import { PADDING_INLINE } from "@/constants/constans-value";
import { PAGINATION_DEFAULT_TAKE } from "@/constants/constans-value";
import { createPaginationComponents } from "@/helpers/paginationHelpers";
import { useAuth } from "@/hooks/use-auth";
@@ -87,7 +88,7 @@ export function Admin_ScreenForumDetailReportComment() {
({ item, index }: { item: any; index: number }) => (
<AdminBasicBox
key={index}
style={{ marginHorizontal: 5, marginVertical: 5 }}
// style={{ marginHorizontal: 5, marginVertical: 5 }}
onPress={() => {
setOpenDrawerAction(true);
setSelectedReport({
@@ -180,7 +181,8 @@ export function Admin_ScreenForumDetailReportComment() {
return (
<>
<NewWrapper
<OS_Wrapper
contentPadding={PADDING_INLINE}
listData={pagination.listData}
renderItem={renderItem}
headerComponent={headerComponent}

8
screens/Admin/Forum/ScreenForumDetailReportPosting.tsx
View File

@@ -4,6 +4,7 @@ import {
AlertDefaultSystem,
DrawerCustom,
MenuDrawerDynamicGrid,
OS_Wrapper,
StackCustom,
TextCustom,
} from "@/components";
@@ -13,8 +14,8 @@ import AdminBasicBox from "@/components/_ShareComponent/Admin/AdminBasicBox";
import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
import { GridSpan_4_8 } from "@/components/_ShareComponent/GridSpan_4_8";
import GridTwoView from "@/components/_ShareComponent/GridTwoView";
import NewWrapper from "@/components/_ShareComponent/NewWrapper";
import { MainColor } from "@/constants/color-palet";
import { PADDING_INLINE } from "@/constants/constans-value";
import { PAGINATION_DEFAULT_TAKE } from "@/constants/constans-value";
import { createPaginationComponents } from "@/helpers/paginationHelpers";
import { useAuth } from "@/hooks/use-auth";
@@ -86,7 +87,7 @@ export function Admin_ScreenForumDetailReportPosting() {
({ item, index }: { item: any; index: number }) => (
<AdminBasicBox
key={index}
style={{ marginHorizontal: 5, marginVertical: 5 }}
// style={{ marginHorizontal: 5, marginVertical: 5 }}
onPress={() => {
setOpenDrawerAction(true);
setSelectedReport({
@@ -186,7 +187,8 @@ export function Admin_ScreenForumDetailReportPosting() {
return (
<>
<NewWrapper
<OS_Wrapper
contentPadding={PADDING_INLINE}
listData={pagination.listData}
renderItem={renderItem}
headerComponent={headerComponent}

9
screens/Admin/Forum/ScreenForumListComment.tsx
View File

@@ -1,9 +1,9 @@
/* eslint-disable react-hooks/exhaustive-deps */
import { StackCustom, TextCustom } from "@/components";
import { OS_Wrapper, StackCustom, TextCustom } from "@/components";
import AdminBasicBox from "@/components/_ShareComponent/Admin/AdminBasicBox";
import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
import NewWrapper from "@/components/_ShareComponent/NewWrapper";
import { MainColor } from "@/constants/color-palet";
import { PADDING_INLINE } from "@/constants/constans-value";
import { PAGINATION_DEFAULT_TAKE } from "@/constants/constans-value";
import { createPaginationComponents } from "@/helpers/paginationHelpers";
import { useAuth } from "@/hooks/use-auth";
@@ -46,7 +46,7 @@ export function Admin_ScreenForumListComment() {
({ item, index }: { item: any; index: number }) => (
<AdminBasicBox
key={index}
style={{ marginHorizontal: 5, marginVertical: 5 }}
// style={{ marginHorizontal: 5, marginVertical: 5 }}
onPress={() => {
router.push(`/admin/forum/${item.id}/list-report-comment`);
}}
@@ -84,7 +84,8 @@ export function Admin_ScreenForumListComment() {
return (
<>
<NewWrapper
<OS_Wrapper
contentPadding={PADDING_INLINE}
listData={pagination.listData}
renderItem={renderItem}
headerComponent={headerComponent}

18
screens/Admin/Forum/ScreenForumPosting.tsx
View File

@@ -1,13 +1,12 @@
import {
SearchInput, StackCustom,
TextCustom
} from "@/components";
import { OS_Wrapper, SearchInput, StackCustom, TextCustom } from "@/components";
import AdminBasicBox from "@/components/_ShareComponent/Admin/AdminBasicBox";
import AdminComp_BoxTitle from "@/components/_ShareComponent/Admin/BoxTitlePage";
import { GridSpan_4_8 } from "@/components/_ShareComponent/GridSpan_4_8";
import NewWrapper from "@/components/_ShareComponent/NewWrapper";
import { MainColor } from "@/constants/color-palet";
import { PAGINATION_DEFAULT_TAKE } from "@/constants/constans-value";
import {
PADDING_INLINE,
PAGINATION_DEFAULT_TAKE,
} from "@/constants/constans-value";
import { createPaginationComponents } from "@/helpers/paginationHelpers";
import { usePagination } from "@/hooks/use-pagination";
import { apiAdminForum } from "@/service/api-admin/api-admin-forum";
@@ -65,9 +64,8 @@ export function Admin_ScreenForumPosting() {
// Render item untuk daftar posting
const renderItem = useCallback(
({ item, index }: { item: any; index: number }) => (
({ item }: { item: any }) => (
<AdminBasicBox
style={{ marginHorizontal: 5, marginVertical: 5 }}
onPress={() => {
router.push(`/admin/forum/${item.id}`);
}}
@@ -112,7 +110,9 @@ export function Admin_ScreenForumPosting() {
});
return (
<NewWrapper
<OS_Wrapper
hideFooter
contentPadding={PADDING_INLINE}
listData={pagination.listData}
renderItem={renderItem}
keyExtractor={(item: any) => item.id?.toString() || `fallback-${item.id}`}

38
screens/Admin/Forum/ScreenForumReportComment.tsx
View File

@@ -1,9 +1,11 @@
import { SearchInput, StackCustom, TextCustom } from "@/components";
import { OS_Wrapper, SearchInput, StackCustom, TextCustom } from "@/components";
import AdminBasicBox from "@/components/_ShareComponent/Admin/AdminBasicBox";
import AdminComp_BoxTitle from "@/components/_ShareComponent/Admin/BoxTitlePage";
import GridTwoView from "@/components/_ShareComponent/GridTwoView";
import NewWrapper from "@/components/_ShareComponent/NewWrapper";
import { PAGINATION_DEFAULT_TAKE } from "@/constants/constans-value";
import {
PADDING_INLINE,
PAGINATION_DEFAULT_TAKE,
} from "@/constants/constans-value";
import { createPaginationComponents } from "@/helpers/paginationHelpers";
import { usePagination } from "@/hooks/use-pagination";
import { apiAdminForum } from "@/service/api-admin/api-admin-forum";
@@ -69,7 +71,6 @@ export function Admin_ScreenForumReportComment() {
({ item, index }: { item: any; index: number }) => (
<AdminBasicBox
key={index}
style={{ marginHorizontal: 5, marginVertical: 5 }}
onPress={() => {
router.push(
`/admin/forum/${item?.Forum_Komentar?.id}/list-report-comment`,
@@ -77,27 +78,25 @@ export function Admin_ScreenForumReportComment() {
}}
>
<StackCustom gap={0}>
<GridTwoView
<GridTwoView
spanLeft={5}
spanRight={7}
leftItem={<TextCustom>Jumlah Report</TextCustom>}
rightItem={
<TextCustom truncate={2}>
{item?.count || "-"}
</TextCustom>
<TextCustom truncate={2}>{item?.count || "-"}</TextCustom>
}
/>
<GridTwoView
spanLeft={5}
spanRight={7}
leftItem={<TextCustom>Komentar</TextCustom>}
rightItem={
<TextCustom truncate={2}>
{item?.Forum_Komentar?.komentar || "-"}
</TextCustom>
}
/>
<GridTwoView
spanLeft={5}
spanRight={7}
leftItem={<TextCustom>Komentar</TextCustom>}
rightItem={
<TextCustom truncate={2}>
{item?.Forum_Komentar?.komentar || "-"}
</TextCustom>
}
/>
</StackCustom>
</AdminBasicBox>
),
@@ -119,7 +118,8 @@ export function Admin_ScreenForumReportComment() {
});
return (
<NewWrapper
<OS_Wrapper
contentPadding={PADDING_INLINE}
listData={pagination.listData}
renderItem={renderItem}
keyExtractor={(item: any) => item.id?.toString() || `fallback-${item.id}`}

17
screens/Admin/Forum/ScreenForumReportPosting.tsx
View File

@@ -1,10 +1,12 @@
import { SearchInput, StackCustom, TextCustom } from "@/components";
import { OS_Wrapper, SearchInput, StackCustom, TextCustom } from "@/components";
import AdminBasicBox from "@/components/_ShareComponent/Admin/AdminBasicBox";
import AdminComp_BoxTitle from "@/components/_ShareComponent/Admin/BoxTitlePage";
import GridTwoView from "@/components/_ShareComponent/GridTwoView";
import NewWrapper from "@/components/_ShareComponent/NewWrapper";
import { MainColor } from "@/constants/color-palet";
import { PAGINATION_DEFAULT_TAKE } from "@/constants/constans-value";
import {
PADDING_INLINE,
PAGINATION_DEFAULT_TAKE,
} from "@/constants/constans-value";
import { createPaginationComponents } from "@/helpers/paginationHelpers";
import { usePagination } from "@/hooks/use-pagination";
import { apiAdminForum } from "@/service/api-admin/api-admin-forum";
@@ -25,7 +27,6 @@ export function Admin_ScreenForumReportPosting() {
});
if (response.success) {
return { data: response.data };
} else {
return { data: [] };
@@ -71,7 +72,6 @@ export function Admin_ScreenForumReportPosting() {
({ item, index }: { item: any; index: number }) => (
<AdminBasicBox
key={index}
style={{ marginHorizontal: 5, marginVertical: 5 }}
onPress={() => {
router.push(
`/admin/forum/${item?.Forum_Posting?.id}/list-report-posting`,
@@ -84,9 +84,7 @@ export function Admin_ScreenForumReportPosting() {
spanRight={7}
leftItem={<TextCustom>Jumlah Report</TextCustom>}
rightItem={
<TextCustom truncate={1}>
{item?.count|| "-"}
</TextCustom>
<TextCustom truncate={1}>{item?.count || "-"}</TextCustom>
}
/>
<GridTwoView
@@ -120,7 +118,8 @@ export function Admin_ScreenForumReportPosting() {
});
return (
<NewWrapper
<OS_Wrapper
contentPadding={PADDING_INLINE}
listData={pagination.listData}
renderItem={renderItem}
keyExtractor={(item: any) => item.id?.toString() || `fallback-${item.id}`}