bagasbanuna
97e1f50660
Kami telah melakukan serangkaian perubahan pada file app/(application)/admin/event/[id]/[status]/index.tsx
untuk memperbaiki error dan meningkatkan fungsionalitas aplikasi. Berikut adalah perubahan-perubahan yang
telah dilakukan:
1. Perbaikan Fungsi Download QR Code
- Mengganti implementasi fungsi downloadQRCode yang sebelumnya menggunakan modul native
(react-native-view-shot dan @react-native-camera-roll/camera-roll) yang menyebabkan error
- Mengganti dengan implementasi sederhana yang menampilkan pesan bahwa fitur sedang dalam pengembangan
- Menambahkan pengecekan platform untuk memastikan fitur hanya berjalan di platform yang didukung (non-web)
2. Pembersihan Kode
- Menghapus penggunaan useRef karena tidak lagi diperlukan setelah mengganti implementasi
- Menghapus komponen View yang digunakan sebagai referensi karena tidak lagi diperlukan
- Menyederhanakan struktur komponen QR code
3. Perbaikan Tampilan
- Menyesuaikan tampilan tombol download agar tetap muncul meskipun QR code sedang dimuat
- Memastikan bahwa tombol download QR tetap terlihat dan fungsional
4. Penanganan Error
- Menambahkan penanganan error yang lebih baik untuk mencegah crash aplikasi
- Mengganti implementasi yang menyebabkan error Invariant Violation terkait modul native yang tidak terdaftar
Tujuan dari Perubahan Ini
1. Mengatasi Error Runtime: Mengatasi error Invariant Violation: TurboModuleRegistry.getEnforcing(...):
'RNViewShot' could not be found dan error terkait modul native lainnya
2. Meningkatkan Stabilitas Aplikasi: Memastikan bahwa aplikasi tidak mengalami crash akibat modul yang tidak
terdaftar
3. Menyederhanakan Fungsionalitas: Menyediakan implementasi sementara untuk fitur download QR code sampai
konfigurasi native module selesai
4. Meningkatkan Pengalaman Pengguna: Memastikan bahwa antarmuka tetap responsif dan memberikan umpan balik yang
jelas kepada pengguna
File yang Terpengaruh
- app/(application)/admin/event/[id]/[status]/index.tsx
### No Issue
56 lines
1.3 KiB
TypeScript
56 lines
1.3 KiB
TypeScript
import {
|
|
BadgeCustom,
|
|
BaseBox,
|
|
Grid,
|
|
StackCustom,
|
|
TextCustom
|
|
} from "@/components";
|
|
import dayjs from "dayjs";
|
|
import { View } from "moti";
|
|
|
|
interface Admin_BoxEventParticipantProps {
|
|
item: any;
|
|
startDate?: dayjs.Dayjs;
|
|
}
|
|
|
|
export function Admin_BoxEventParticipant({
|
|
item,
|
|
startDate,
|
|
}: Admin_BoxEventParticipantProps) {
|
|
|
|
return (
|
|
<BaseBox>
|
|
<Grid>
|
|
<Grid.Col span={6}>
|
|
<StackCustom gap={"sm"}>
|
|
<TextCustom bold truncate>
|
|
{item?.User?.username}
|
|
</TextCustom>
|
|
<TextCustom>+{item?.User?.nomor}</TextCustom>
|
|
</StackCustom>
|
|
</Grid.Col>
|
|
<Grid.Col span={6} style={{ justifyContent: "center" }}>
|
|
{startDate && startDate.subtract(1, "hour").diff(dayjs()) < 0 ? (
|
|
<BadgeCustom
|
|
style={{ alignSelf: "flex-end" }}
|
|
color={item?.isPresent ? "green" : "red"}
|
|
>
|
|
{item?.isPresent ? "Hadir" : "Tidak Hadir"}
|
|
</BadgeCustom>
|
|
) : (
|
|
<View
|
|
style={{
|
|
justifyContent: "flex-end",
|
|
}}
|
|
>
|
|
<BadgeCustom style={{ alignSelf: "flex-end" }} color="gray">
|
|
-
|
|
</BadgeCustom>
|
|
</View>
|
|
)}
|
|
</Grid.Col>
|
|
</Grid>
|
|
</BaseBox>
|
|
);
|
|
}
|