import React from "react"; import { Head, Link } from "@inertiajs/react"; import { IconAlertTriangle, IconArrowLeft, IconHome2, IconLock, IconRefresh, IconServerOff, } from "@tabler/icons-react"; import { useTheme } from "@/Context/ThemeSwitcherContext"; const errorContent = { 401: { title: "Autentikasi Dibutuhkan", description: "Sesi atau akses Anda tidak valid. Silakan masuk kembali untuk melanjutkan.", icon: IconLock, }, 403: { title: "Akses Ditolak", description: "Anda tidak memiliki izin untuk membuka halaman ini.", icon: IconLock, }, 404: { title: "Halaman Tidak Ditemukan", description: "Halaman yang Anda cari tidak tersedia, dipindahkan, atau URL yang dimasukkan tidak tepat.", icon: IconAlertTriangle, }, 419: { title: "Sesi Kedaluwarsa", description: "Sesi keamanan telah berakhir. Muat ulang halaman lalu coba kembali.", icon: IconRefresh, }, 429: { title: "Terlalu Banyak Permintaan", description: "Permintaan Anda dibatasi sementara. Tunggu sebentar sebelum mencoba lagi.", icon: IconAlertTriangle, }, 500: { title: "Terjadi Kesalahan Server", description: "Ada gangguan pada sistem. Silakan coba lagi dalam beberapa saat.", icon: IconServerOff, }, 503: { title: "Layanan Sementara Tidak Tersedia", description: "Aplikasi sedang dalam pemeliharaan atau belum siap melayani permintaan ini.", icon: IconServerOff, }, }; export default function Error({ status, homeUrl, homeLabel }) { const { darkMode, themeSwitcher } = useTheme(); const content = errorContent[status] ?? errorContent[500]; const Icon = content.icon; return ( <>

Point of Sales

Error {status}

Status {status}

{content.title}

{content.description}

{homeLabel}
Error State
{status}
Pastikan URL, hak akses, atau status layanan sudah sesuai sebelum mencoba lagi.
); }