QC Admin ( Inno )

Fix: modified: android/app/build.gradle modified: app.config.js modified: app/(application)/admin/donation/[id]/[status]/index.tsx modified: app/(application)/admin/donation/[id]/[status]/transaction-detail.tsx modified: app/(application)/admin/donation/[id]/detail-disbursement-of-funds.tsx modified: app/(application)/admin/donation/category.tsx modified: app/(application)/admin/event/[id]/[status]/index.tsx modified: app/(application)/admin/event/[id]/list-of-participants.tsx modified: app/(application)/admin/event/[status]/status.tsx modified: app/(application)/admin/forum/[id]/index.tsx modified: app/(application)/admin/forum/[id]/list-report-comment.tsx modified: app/(application)/admin/forum/[id]/list-report-posting.tsx modified: app/(application)/admin/investment/[id]/[status]/index.tsx modified: app/(application)/admin/investment/[id]/[status]/transaction-detail.tsx modified: app/(application)/admin/voting/[id]/[status]/index.tsx modified: components/DateInput/DateTimeIOS.tsx modified: components/_ShareComponent/Admin/ButtonReject.tsx deleted: components/_ShareComponent/GridDetail_4_8.tsx Add:/ components/_ShareComponent/GridSpan_4_8.tsx ### No Issue
2025-12-05 17:20:39 +08:00
parent 2446e9d51a
commit 624bd49f69
19 changed files with 245 additions and 150 deletions
--- a/app/(application)/admin/donation/[id]/[status]/index.tsx
+++ b/app/(application)/admin/donation/[id]/[status]/index.tsx
@@ -18,7 +18,7 @@ import { IconDot, IconList } from "@/components/_Icon/IconComponent";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import AdminButtonReject from "@/components/_ShareComponent/Admin/ButtonReject";
 import AdminButtonReview from "@/components/_ShareComponent/Admin/ButtonReview";
-import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
+import { GridSpan_4_8 } from "@/components/_ShareComponent/GridSpan_4_8";
 import ReportBox from "@/components/Box/ReportBox";
 import { ICON_SIZE_BUTTON, TEXT_SIZE_LARGE } from "@/constants/constans-value";
 import AdminDonation_BoxOfDonationStory from "@/screens/Admin/Donation/BoxOfDonationStory";
@@ -195,7 +195,7 @@ export default function AdminDonationDetail() {

                <StackCustom gap={5}>
                  {listPencarianDana.map((item, i) => (
-                    <GridDetail_4_8
+                    <GridSpan_4_8
                      key={i}
                      label={<TextCustom bold>{item.label}</TextCustom>}
                      value={<TextCustom>{item.value}</TextCustom>}
@@ -236,7 +236,7 @@ export default function AdminDonationDetail() {
              <Spacing />

              <StackCustom gap={"xs"}>
-                <GridDetail_4_8
+                <GridSpan_4_8
                  label={<TextCustom bold>Jumlah Donatur</TextCustom>}
                  value={
                    <TextCustom>
@@ -244,7 +244,7 @@ export default function AdminDonationDetail() {
                    </TextCustom>
                  }
                />
-                <GridDetail_4_8
+                <GridSpan_4_8
                  label={<TextCustom bold>Dana Terkumpul</TextCustom>}
                  value={
                    <TextCustom>
@@ -261,7 +261,7 @@ export default function AdminDonationDetail() {
          <StackCustom>
            <DummyLandscapeImage imageId={data?.imageId || ""} />
            {listData.map((item, i) => (
-              <GridDetail_4_8
+              <GridSpan_4_8
                key={i}
                label={<TextCustom bold>{item.label}</TextCustom>}
                value={<TextCustom>{item.value}</TextCustom>}
--- a/app/(application)/admin/donation/[id]/[status]/transaction-detail.tsx
+++ b/app/(application)/admin/donation/[id]/[status]/transaction-detail.tsx
@@ -8,7 +8,7 @@ import {
  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
-import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
+import { GridSpan_4_8 } from "@/components/_ShareComponent/GridSpan_4_8";
 import {
  apiAdminDonationInvoiceDetailById,
  apiAdminDonationInvoiceUpdateById,
@@ -177,7 +177,7 @@ export default function AdminDonasiTransactionDetail() {
        <BaseBox>
          <StackCustom>
            {listData.map((item, index) => (
-              <GridDetail_4_8
+              <GridSpan_4_8
                key={index}
                label={<TextCustom bold>{item.label}</TextCustom>}
                value={<TextCustom>{item.value}</TextCustom>}
--- a/app/(application)/admin/donation/[id]/detail-disbursement-of-funds.tsx
+++ b/app/(application)/admin/donation/[id]/detail-disbursement-of-funds.tsx
@@ -7,7 +7,7 @@ import {
  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
-import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
+import { GridSpan_4_8 } from "@/components/_ShareComponent/GridSpan_4_8";
 import { apiAdminDonationDisbursementOfFundsListById } from "@/service/api-admin/api-admin-donation";
 import { dateTimeView } from "@/utils/dateTimeView";
 import { formatCurrencyDisplay } from "@/utils/formatCurrencyDisplay";
@@ -67,7 +67,7 @@ export default function AdminDonationDetailDisbursementOfFunds() {
        <BaseBox>
          <StackCustom>
            {listData?.map((item, index) => (
-              <GridDetail_4_8
+              <GridSpan_4_8
                key={index}
                label={<TextCustom bold>{item.label}</TextCustom>}
                value={<TextCustom>{item.value}</TextCustom>}
--- a/app/(application)/admin/donation/category.tsx
+++ b/app/(application)/admin/donation/category.tsx
@@ -1,30 +1,22 @@
 import {
-  ActionIcon,
  BadgeCustom,
-  BaseBox,
  CenterCustom,
  ClickableCustom,
-  DividerCustom,
-  Grid,
  Spacing,
  StackCustom,
  TextCustom,
-  ViewWrapper,
+  ViewWrapper
 } from "@/components";
-import { IconEdit } from "@/components/_Icon";
 import AdminActionIconPlus from "@/components/_ShareComponent/Admin/ActionIconPlus";
 import AdminComp_BoxTitle from "@/components/_ShareComponent/Admin/BoxTitlePage";
 import AdminTitlePage from "@/components/_ShareComponent/Admin/TitlePage";
-import { GridView_3_3_6 } from "@/components/_ShareComponent/GridView_3_3_6";
-import { MainColor } from "@/constants/color-palet";
-import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
-import { RefreshControl, View } from "react-native";
-import { Divider, Switch } from "react-native-paper";
-import { router, useFocusEffect } from "expo-router";
-import { useCallback, useEffect, useState } from "react";
+import { GridSpan_4_8 } from "@/components/_ShareComponent/GridSpan_4_8";
 import { apiAdminMasterDonationCategory } from "@/service/api-admin/api-master-admin";
-import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
-import GridTwoView from "@/components/_ShareComponent/GridTwoView";
+import { colorActivationForBadge } from "@/utils/colorActivationForBadge";
+import { router, useFocusEffect } from "expo-router";
+import { useCallback, useState } from "react";
+import { RefreshControl, View } from "react-native";
+import { Divider } from "react-native-paper";

 export default function AdminDonationCategory() {
  const [listData, setListData] = useState<any[]>([]);
@@ -80,14 +72,18 @@ export default function AdminDonationCategory() {
        />

        <View>
-          <Grid>
-            <Grid.Col style={{paddingLeft: 10}} span={4}>
+          <GridSpan_4_8
+            label={<TextCustom bold>Status</TextCustom>}
+            value={<TextCustom bold>Kategori</TextCustom>}
+          />
+          {/* <Grid>
+            <Grid.Col style={{ paddingLeft: 10 }} span={4}>
              <TextCustom bold>Status</TextCustom>
            </Grid.Col>
            <Grid.Col span={8}>
              <TextCustom bold>Kategori</TextCustom>
            </Grid.Col>
-          </Grid>
+          </Grid> */}

          <Divider />
          <Spacing />
@@ -100,11 +96,22 @@ export default function AdminDonationCategory() {
                }}
                key={index}
              >
-                <Grid containerStyle={{ paddingBottom: 10 }}>
-                  <Grid.Col
-                    span={4}
-                    style={{paddingLeft: 10}}
-                     >
+                <GridSpan_4_8
+                  label={
+                    <CenterCustom>
+                      <BadgeCustom
+                        color={colorActivationForBadge({
+                          status: item.active,
+                        })}
+                      >
+                        {item.active ? "Aktif" : "Tidak Aktif"}
+                      </BadgeCustom>
+                    </CenterCustom>
+                  }
+                  value={<TextCustom>{item.name}</TextCustom>}
+                />
+                {/* <Grid containerStyle={{ paddingBottom: 10 }}>
+                  <Grid.Col span={4} style={{ paddingLeft: 10 }}>
                    <CenterCustom>
                      <BadgeCustom
                        color={item.active ? MainColor.green : MainColor.red}
@@ -116,7 +123,7 @@ export default function AdminDonationCategory() {
                  <Grid.Col span={8}>
                    <TextCustom bold>{item.name}</TextCustom>
                  </Grid.Col>
-                </Grid>
+                </Grid> */}
                <Divider />
              </ClickableCustom>
            ))}