Merge branch 'iipbs/st/dev'

This commit is contained in:
2026-09-08 17:01:32 +09:00
2 changed files with 36 additions and 34 deletions
@@ -24,7 +24,7 @@ function LoginPage() {
await authService.login({ userId, password });
try {
await statisticsApi.refreshAllCommonCodes();
} catch(error) {
} catch {
console.error('로그인 실패');
}
window.location.href = "/statistics";
@@ -1,5 +1,7 @@
"use client";
import { Fragment } from "react";
import type { DashboardSearchParams } from "@/entities/statistics/model/dashboard/dashboard-interface";
import { useDashboardThreeStageStatus } from "@/entities/statistics/api/dashboard/dashboard-queries";
import { LoadingWithAnimation } from "@common/components";
@@ -83,7 +85,12 @@ export function ThreeStageStatusPanel({ params }: ThreeStageStatusPanelProps) {
<div className="card-body relative flex flex-1 flex-col items-center justify-center px-8">
<div className="flex w-full max-w-3xl flex-col items-center gap-10">
<div className="flex w-full items-start">
<div
className="grid w-full items-start"
style={{
gridTemplateColumns: "repeat(4, auto minmax(0, 1fr)) auto",
}}
>
{STEPS.map((step, index) => {
const isChecked = checkedList[index];
const isCurrent = index === currentIndex;
@@ -91,11 +98,8 @@ export function ThreeStageStatusPanel({ params }: ThreeStageStatusPanelProps) {
const lineFilled = checkedList[index];
return (
<div
key={step.key}
className="flex flex-1 flex-col items-center last:flex-none"
>
<div className="flex w-full items-center">
<Fragment key={step.key}>
<div className="flex flex-col items-center">
<div className="relative flex flex-col items-center">
{isCurrent && (
<span className="absolute inset-0 -m-1.5 animate-ping rounded-full bg-blue-400 opacity-40" />
@@ -130,17 +134,6 @@ export function ThreeStageStatusPanel({ params }: ThreeStageStatusPanelProps) {
)}
</div>
</div>
{!isLast && (
<div className="mx-3 h-1.5 flex-1 rounded-full bg-gray-200 self-center">
<div
className="h-full rounded-full bg-blue-600 transition-all duration-500"
style={{ width: lineFilled ? "100%" : "0%" }}
/>
</div>
)}
</div>
<div className="mt-4 text-center">
<p
className={`text-xl font-bold ${
@@ -158,6 +151,15 @@ export function ThreeStageStatusPanel({ params }: ThreeStageStatusPanelProps) {
</p>
</div>
</div>
{!isLast && (
<div className="mx-3 mt-10 h-1.5 -translate-y-1/2 self-start rounded-full bg-gray-200">
<div
className="h-full rounded-full bg-blue-600 transition-all duration-500"
style={{ width: lineFilled ? "100%" : "0%" }}
/>
</div>
)}
</Fragment>
);
})}
</div>