Merge branch 'iipbs/st/dev'
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user