[st] feat: 입력 - 제출 시 imr 요청 및 상태 확인, 진행 progress bar 추가

2026-04-21 17:57:00 +09:00
parent d0a808882d
commit 9c7e71e65a
19 changed files with 273 additions and 72 deletions
@@ -0,0 +1,23 @@
+"use client";
+
+import { Progress } from "@common/components";
+import { useGlobalProgressStore } from "@/shared/lib";
+
+export const GlobalProgressOverlay = () => {
+  const visible = useGlobalProgressStore((state) => state.visible);
+  const label = useGlobalProgressStore((state) => state.label);
+  const progress = useGlobalProgressStore((state) => state.progress);
+
+  if (!visible) return null;
+
+  return (
+    <div className="fixed inset-0 z-[999] bg-black/35 [data-theme='black']:bg-black/55 backdrop-blur-[1px] rounded-lg p-10 flex justify-center items-center">
+      <div className="w-[34rem] rounded-md border border-border bg-background p-6 shadow-md">
+        <p className="mb-3 text-center text-[1.3rem] text-foreground">
+          {label} {progress}%
+        </p>
+        <Progress value={progress} />
+      </div>
+    </div>
+  );
+};