Fixed Admin UI
Admin – Donation Pages - app/(application)/admin/donation/[id]/detail-disbursement-of-funds.tsx - app/(application)/admin/donation/[id]/list-disbursement-of-funds.tsx - app/(application)/admin/donation/[id]/list-of-donatur.tsx - app/(application)/admin/donation/[status]/status.tsx - app/(application)/admin/donation/category-update.tsx - app/(application)/admin/donation/category.tsx Admin Services - service/api-admin/api-admin-donation.ts - service/api-admin/api-master-admin.ts Admin Screens (Updated) - screens/Admin/Voting/ScreenEventTypeOfEvent.tsx Docs - docs/prompt-for-qwen-code.md New Donation Components - screens/Admin/Donation/BoxDonationCategory.tsx - screens/Admin/Donation/BoxDonationListDisbursementOfFunds.tsx - screens/Admin/Donation/BoxDonationListOfDonatur.tsx - screens/Admin/Donation/BoxDonationStatus.tsx New Donation Screens - screens/Admin/Donation/ScreenDonationCategory.tsx - screens/Admin/Donation/ScreenDonationListDisbursementOfFunds.tsx - screens/Admin/Donation/ScreenDonationListOfDonatur.tsx - screens/Admin/Donation/ScreenDonationStatus.tsx ### No Issue"
This commit is contained in:
68
screens/Admin/Donation/BoxDonationListOfDonatur.tsx
Normal file
68
screens/Admin/Donation/BoxDonationListOfDonatur.tsx
Normal file
@@ -0,0 +1,68 @@
|
||||
import {
|
||||
BadgeCustom,
|
||||
Divider,
|
||||
StackCustom,
|
||||
TextCustom
|
||||
} from "@/components";
|
||||
import AdminBasicBox from "@/components/_ShareComponent/Admin/AdminBasicBox";
|
||||
import { GridSpan_4_8 } from "@/components/_ShareComponent/GridSpan_4_8";
|
||||
import { colorBadgeTransaction } from "@/utils/colorBadge";
|
||||
import { formatCurrencyDisplay } from "@/utils/formatCurrencyDisplay";
|
||||
import { router } from "expo-router";
|
||||
import _ from "lodash";
|
||||
import { View } from "react-native";
|
||||
|
||||
interface BoxDonationListOfDonaturProps {
|
||||
item: any;
|
||||
}
|
||||
|
||||
export default function Admin_BoxDonationListOfDonatur({
|
||||
item,
|
||||
}: BoxDonationListOfDonaturProps) {
|
||||
const statusName = item?.DonasiMaster_StatusInvoice?.name || "-";
|
||||
return (
|
||||
<>
|
||||
<AdminBasicBox
|
||||
style={{ marginHorizontal: 10, marginVertical: 5 }}
|
||||
onPress={() => {
|
||||
router.push(
|
||||
`/admin/donation/${item?.id}/${_.lowerCase(
|
||||
item?.DonasiMaster_StatusInvoice?.name,
|
||||
)}/transaction-detail`,
|
||||
);
|
||||
}}
|
||||
>
|
||||
<StackCustom gap={0}>
|
||||
<View style={{ paddingBlock: 8 }}>
|
||||
<TextCustom size={"large"} bold truncate>
|
||||
{item?.Author?.username || "-"}
|
||||
</TextCustom>
|
||||
</View>
|
||||
<Divider />
|
||||
<GridSpan_4_8
|
||||
label={<TextCustom>Status</TextCustom>}
|
||||
value={
|
||||
<BadgeCustom
|
||||
color={colorBadgeTransaction({
|
||||
status: statusName,
|
||||
})}
|
||||
>
|
||||
{statusName}
|
||||
</BadgeCustom>
|
||||
}
|
||||
/>
|
||||
<GridSpan_4_8
|
||||
label={<TextCustom>Nominal</TextCustom>}
|
||||
value={
|
||||
<TextCustom>
|
||||
{item?.nominal
|
||||
? `Rp ${formatCurrencyDisplay(item?.nominal)}`
|
||||
: "-"}
|
||||
</TextCustom>
|
||||
}
|
||||
/>
|
||||
</StackCustom>
|
||||
</AdminBasicBox>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user