+
+ Mohon arahkan QR ke kotak kuning
+
+
+ );
+}
diff --git a/apps/clients/attendance/src/context/server-setting.tsx b/apps/clients/attendance/src/context/server-setting.tsx
new file mode 100644
index 00000000..f17898f9
--- /dev/null
+++ b/apps/clients/attendance/src/context/server-setting.tsx
@@ -0,0 +1,182 @@
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+import { api } from "@/utils/api";
+import { motion } from "framer-motion";
+import { Loader, RotateCcw } from "lucide-react";
+
+import { Button } from "@sora-vp/ui/button";
+
+interface ISettingContext {
+ canAttend: boolean;
+}
+
+export const ServerSettingContext = createContext
+
+
+
+
+
+
+
+ Terjadi Sebuah Kesalahan
+
+
+ Tidak dapat mengambil data pengaturan ke server. Pastikan koneksi
+ perangkat ini sudah terhubung dengan jaringan lokal. Hubungi
+ pengendali server utama dan beritakan masalah ini.
+
+
+
+ Pesan Error:
+{errorMessage}
+
+ location.reload()}
+ >
+ ᮞᮧᮛ
+
+
+
+ v{APP_VERSION}
+
+
+ );
+
+ if (settingsQuery.isLoading)
+ return (
+ <>
+ location.reload()} + > + ᮞᮧᮛ +
+ +
+ v{APP_VERSION}
+
+
+ );
+
+ return (
+
+ location.reload()}
+ >
+ ᮞᮧᮛ
+
+
+
+ v{APP_VERSION}
+
+
+
+ Belum Bisa Absen!
+
+
+ );
+
+ return
+
+ Mohon arahkan QR ke kotak kuning
+
+
+ );
+}
diff --git a/apps/clients/chooser/src/components/universal-error.tsx b/apps/clients/chooser/src/components/universal-error.tsx
new file mode 100644
index 00000000..d619afae
--- /dev/null
+++ b/apps/clients/chooser/src/components/universal-error.tsx
@@ -0,0 +1,71 @@
+import { motion } from "framer-motion";
+import { RotateCcw } from "lucide-react";
+
+import { Button } from "@sora-vp/ui/button";
+
+export function UniversalError(props: {
+ title: string;
+ description: string;
+ errorMessage?: string;
+}) {
+ return (
+
+
+
+ ) : null}
+
+
+
+ );
+}
diff --git a/apps/clients/chooser/src/components/universal-loading.tsx b/apps/clients/chooser/src/components/universal-loading.tsx
new file mode 100644
index 00000000..96ceb43e
--- /dev/null
+++ b/apps/clients/chooser/src/components/universal-loading.tsx
@@ -0,0 +1,29 @@
+import { motion } from "framer-motion";
+import { Loader } from "lucide-react";
+
+export function UniversalLoading(props: {
+ title: string;
+ description: string;
+}) {
+ return (
+
+
+ {props.title}
+
+
+ {props.description}
+
+
+
+ {props.errorMessage ? (
+ Pesan Error:
+{}
+
+
+ + {props.title} +
+{props.description}
+
+ location.reload()}
+ >
+ ᮞᮧᮛ
+
+
+
+ v{APP_VERSION}
+
+
+ );
+
+ if (
+ !!qrId &&
+ participantQuery.isFetched &&
+ participantQuery.data?.alreadyChoosing
+ )
+ return (
+ <>
+
+ location.reload()}
+ >
+ ᮞᮧᮛ
+
+
+
+ v{APP_VERSION}
+
+
+ );
+
+ return (
+
+ location.reload()}
+ >
+ ᮞᮧᮛ
+
+
+
+ v{APP_VERSION}
+
+
+ );
+
+ if (settingsQuery.isLoading)
+ return (
+ <>
+ location.reload()} + > + ᮞᮧᮛ +
+ +
+ v{APP_VERSION}
+
+
+ );
+
+ return (
+
+ location.reload()}
+ >
+ ᮞᮧᮛ
+
+
+
+ v{APP_VERSION}
+
+
+
+ Belum Bisa Memilih!
+
+
+ );
+
+ return
+ {name ? (
+
+ {name}
+
+ ) : null}
+ {subpart ? (
+
+ {subpart}
+
+ ) : null}
+
+
+ {qrId ? (
+
+ {qrId}
+
+ ) : null}
+
+
+ );
+};
+
+function VotePage() {
+ const { qrId, setQRCode, setVotedSuccessfully } = useParticipant();
+
+ const successTimeout = useAtomValue(successTimeoutAtom);
+
+ const [errorMessage, setErrorMessage] = useState("");
+
+ // Untuk keperluan pemilihan
+ const [alertOpen, setAlertOpen] = useState(false);
+ const [currentID, setID] = useState
+
+
+
+ Data berhasil terekam!
+
+
+ Silahkan keluar dari bilik suara dan melakukan cap jari.
+
+
+
+
+
+ + Pilih Kandidat Anda. +
+ + {candidateList.isLoading ? ( +
+ {Array.from({ length: 5 }).map((_, idx) => (
+
+ ) : (
+ <>
+ {candidateList.data && candidateList.data?.length < 2 ? (
+
+
+ Belum Ada Kandidat
+
+
+ Mohon informasikan administrator untuk menambahkan data
+ kandidat supaya anda dan yang lain bisa memilih.
+
+
+ ) : (
+
+ {candidateList.data?.map((candidate, idx) => (
+
+
+ 
+
+
+
+ Kandidat Nomor {idx + 1}
+
+
+ {candidate.name}
+
+
+
+
+
+
+ ))}
+
+ )}
+
+ )}
+