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

feat: Refactor super-admin screens to OS_Wrapper pattern

Browse Source 
- Create screens/Admin/Super-Admin/ScreenSuperAdmin.tsx
  * Migrate from ViewWrapper to OS_Wrapper
  * Add usePagination hook for pagination & skeleton loading
  * Add AdminBasicBox for card layout (same as user-access)
  * Add pull-to-refresh & infinite scroll support

- Create screens/Admin/Super-Admin/ScreenSuperAdminDetail.tsx
  * Migrate from ViewWrapper to OS_Wrapper
  * Add useAuth hook for user validation
  * Add pull-to-refresh support

- Simplify route files:
  * app/(application)/admin/super-admin/index.tsx → 4 lines
  * app/(application)/admin/super-admin/[id]/index.tsx → 4 lines

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
bagasbanuna
2026-04-15 15:02:00 +08:00
parent 5b836875a6
commit 19d3a9a6c7
4 changed files with 276 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
app/(application)/admin/super-admin/index.tsx
View File

@@ -1,148 +1,5 @@
/* eslint-disable react-hooks/exhaustive-deps */
import {
BadgeCustom,
CenterCustom,
Divider,
SearchInput,
StackCustom,
TextCustom,
ViewWrapper,
} from "@/components";
import AdminComp_BoxTitle from "@/components/_ShareComponent/Admin/BoxTitlePage";
import { GridViewCustomSpan } from "@/components/_ShareComponent/GridViewCustomSpan";
import { AccentColor, MainColor } from "@/constants/color-palet";
import { ICON_SIZE_XLARGE } from "@/constants/constans-value";
import { apiAdminUserAccessGetAll } from "@/service/api-admin/api-admin-user-access";
import { Ionicons } from "@expo/vector-icons";
import { Admin_ScreenSuperAdmin } from "@/screens/Admin/Super-Admin/ScreenSuperAdmin";
import { router, useFocusEffect } from "expo-router";
import _ from "lodash";
import { useCallback, useState } from "react";
export default function SuperAdmin_ListUser() {
const [listData, setListData] = useState<any[] | null>(null);
const [search, setSearch] = useState("");
useFocusEffect(
useCallback(() => {
onLoadData();
}, [search])
);
const onLoadData = async () => {
try {
const response = await apiAdminUserAccessGetAll({
search: search,
category: "all-role",
});
if (response.success) {
setListData(response.data);
}
} catch (error) {
console.log("[ERROR LOAD DATA]", error);
}
};
const rightComponent = () => {
return (
<>
<SearchInput
containerStyle={{ width: "100%", marginBottom: 0 }}
placeholder="Cari Username"
onChangeText={(text) => setSearch(text)}
/>
</>
);
};
return (
<>
<ViewWrapper
headerComponent={
<AdminComp_BoxTitle
title={"Super Admin"}
rightComponent={rightComponent()}
/>
}
>
<GridViewCustomSpan
span1={2}
span2={5}
span3={5}
component1={
<TextCustom align="center" bold>
Aksi
</TextCustom>
}
component2={
<TextCustom bold>
Username
</TextCustom>
}
component3={
<TextCustom align="center" bold>
Role
</TextCustom>
}
/>
<Divider />
<StackCustom>
{_.isEmpty(listData) ? (
<TextCustom align="center" color="gray" size={"small"}>
Tidak ada data
</TextCustom>
) : (
listData?.map((item: any, index: number) => (
<GridViewCustomSpan
key={index}
span1={2}
span2={5}
span3={5}
component1={
<CenterCustom>
<Ionicons
onPress={() =>
router.push(`/admin/super-admin/${item?.id}`)
}
name="open"
size={ICON_SIZE_XLARGE}
color={MainColor.yellow}
/>
</CenterCustom>
// <ButtonCustom
// onPress={() =>
// router.push(`/admin/super-admin/${item?.id}`)
// }
// >
// Detail
// </ButtonCustom>
}
component2={
<TextCustom bold truncate>
{item?.username || "-"}
</TextCustom>
}
component3={
<CenterCustom>
{item?.masterUserRoleId === "2" ? (
<BadgeCustom color={AccentColor.blue}>Admin</BadgeCustom>
) : (
<BadgeCustom color={AccentColor.softblue}>
User
</BadgeCustom>
)}
</CenterCustom>
}
style3={{ alignItems: "center", justifyContent: "center" }}
/>
))
)}
</StackCustom>
</ViewWrapper>
</>
);
export default function AdminSuperAdmin() {
return <Admin_ScreenSuperAdmin />;
}