feat: implement read-only mode for sealed letters and handle error boundaries

2026-05-04 08:56:52 +00:00 · 2026-04-15 17:07:35 +05:30
parent fd64578a17
commit 75dd187442
5 changed files with 493 additions and 169 deletions
@@ -0,0 +1,50 @@
+import { WarningIcon, XCircleIcon, XIcon } from "@phosphor-icons/react";
+
+interface LogModalContent {
+  status: "WARN" | "ERROR" | "RESET" | "SUCCESS";
+  message: string;
+  log: string;
+  onClose: () => void;
+}
+
+export const LogModal = ({
+  message,
+  log,
+  onClose,
+  status,
+}: LogModalContent) => {
+  status === "RESET" ? null : (
+    <div className="modal modal-open modal-bottom sm:modal-middle bg-base-100/20 backdrop-blur-md z-100">
+      <div className="modal-box bg-transparent border-none shadow-none relative">
+        <div
+          className={`alert ${status === "WARN" ? "alert-warning" : "alert-error"} flex flex-col items-center text-center gap-6 py-4`}
+        >
+          {status === "WARN" && (
+            <WarningIcon className="text-warning" size={16} weight="bold" />
+          )}
+          {status === "ERROR" && (
+            <XCircleIcon className="text-error" size={16} weight="bold" />
+          )}
+          {message}
+          <div className="divider text-primary-content text-xs uppercase tracking-widest">
+            Error Stack
+          </div>
+          <div className="mockup-code bg-base-100 text-error w-full">
+            <pre>
+              <code>{String(log)}</code>
+            </pre>
+          </div>
+          <form method="dialog">
+            <button
+              type="button"
+              onClick={onClose}
+              className="btn btn-sm btn-circle btn-ghost absolute right-6 top-6"
+            >
+              <XIcon size={6} weight="bold" />
+            </button>
+          </form>
+        </div>
+      </div>
+    </div>
+  );
+};