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
49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import { StackCustom, TextCustom } from "@/components";
|
|
import AdminBasicBox from "@/components/_ShareComponent/Admin/AdminBasicBox";
|
|
import { GridSpan_4_8 } from "@/components/_ShareComponent/GridSpan_4_8";
|
|
import { dateTimeView } from "@/utils/dateTimeView";
|
|
import { router } from "expo-router";
|
|
import { View } from "react-native";
|
|
import { Divider } from "react-native-paper";
|
|
|
|
interface Admin_BoxEventStatusProps {
|
|
item: any;
|
|
status: string;
|
|
}
|
|
|
|
export function Admin_BoxEventStatus({ item, status }: Admin_BoxEventStatusProps) {
|
|
return (
|
|
<AdminBasicBox
|
|
style={{ marginHorizontal: 10, marginVertical: 5 }}
|
|
onPress={() => {
|
|
router.push(`/admin/event/${item.id}/${status}`);
|
|
}}
|
|
>
|
|
<StackCustom gap={0}>
|
|
<View style={{ paddingBlock: 8 }}>
|
|
<TextCustom size={"large"} bold truncate={2}>
|
|
{item?.title || "-"}
|
|
</TextCustom>
|
|
</View>
|
|
<Divider />
|
|
<GridSpan_4_8
|
|
label={<TextCustom>Mulai</TextCustom>}
|
|
value={
|
|
<TextCustom>
|
|
{dateTimeView({ date: item?.tanggal }) || "-"}
|
|
</TextCustom>
|
|
}
|
|
/>
|
|
<GridSpan_4_8
|
|
label={<TextCustom>Berakhir</TextCustom>}
|
|
value={
|
|
<TextCustom>
|
|
{dateTimeView({ date: item?.tanggalSelesai }) || "-"}
|
|
</TextCustom>
|
|
}
|
|
/>
|
|
</StackCustom>
|
|
</AdminBasicBox>
|
|
);
|
|
}
|