Skip to content

Commit 694db3b

Browse files
aster-voidaster-void
committed
auto fix
1 parent 46d331a commit 694db3b

File tree

1 file changed

+38
-26
lines changed

1 file changed

+38
-26
lines changed

‎src/routes/(admin)/admin/migrate/+page.svelte‎

Lines changed: 38 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,9 @@
5858

5959
<div class="space-y-6">
6060
<!-- Header -->
61-
<header class="animate-fade-slide-in relative overflow-hidden rounded-2xl bg-gradient-to-br from-warning/20 to-error/20 p-6 border border-warning/30">
61+
<header
62+
class="animate-fade-slide-in relative overflow-hidden rounded-2xl border border-warning/30 bg-gradient-to-br from-warning/20 to-error/20 p-6"
63+
>
6264
<!-- Warning decorative elements -->
6365
<div class="absolute top-0 -right-10 h-32 w-32 rounded-full bg-warning/30 blur-3xl"></div>
6466
<div class="absolute bottom-0 -left-10 h-24 w-24 rounded-full bg-error/20 blur-2xl"></div>
@@ -82,32 +84,32 @@
8284
<div>
8385
<p class="font-semibold">This is a heavy operation</p>
8486
<p class="text-sm opacity-80">
85-
This will clone the old ut-code/utcode.net repository and import members, articles, and projects.
86-
Existing entries will be skipped. This operation may take several minutes.
87+
This will clone the old ut-code/utcode.net repository and import members, articles, and
88+
projects. Existing entries will be skipped. This operation may take several minutes.
8789
</p>
8890
</div>
8991
</div>
9092

9193
<!-- Status card -->
92-
<div class="card bg-base-100 border border-base-300">
94+
<div class="card border border-base-300 bg-base-100">
9395
<div class="card-body">
94-
<div class="flex items-center justify-between mb-4">
96+
<div class="mb-4 flex items-center justify-between">
9597
<h2 class="card-title">Migration Status</h2>
9698
<div class="flex items-center gap-2">
9799
{#if migrationState?.status === "idle"}
98100
<span class="badge badge-ghost">Idle</span>
99101
{:else if migrationState?.status === "running"}
100-
<span class="badge badge-warning gap-1">
101-
<span class="loading loading-spinner loading-xs"></span>
102+
<span class="badge gap-1 badge-warning">
103+
<span class="loading loading-xs loading-spinner"></span>
102104
Running
103105
</span>
104106
{:else if migrationState?.status === "completed"}
105-
<span class="badge badge-success gap-1">
107+
<span class="badge gap-1 badge-success">
106108
<CheckCircle class="h-3 w-3" />
107109
Completed
108110
</span>
109111
{:else if migrationState?.status === "error"}
110-
<span class="badge badge-error gap-1">
112+
<span class="badge gap-1 badge-error">
111113
<XCircle class="h-3 w-3" />
112114
Failed
113115
</span>
@@ -116,17 +118,17 @@
116118
</div>
117119

118120
<!-- Action buttons -->
119-
<div class="flex gap-2 mb-4">
121+
<div class="mb-4 flex gap-2">
120122
<button
121-
class="btn btn-warning gap-2"
123+
class="btn gap-2 btn-warning"
122124
onclick={handleStart}
123125
disabled={migrationState?.status === "running"}
124126
>
125127
<Play class="h-4 w-4" />
126128
Start Migration
127129
</button>
128130
{#if migrationState?.status === "completed" || migrationState?.status === "error"}
129-
<button class="btn btn-ghost gap-2" onclick={handleReset}>
131+
<button class="btn gap-2 btn-ghost" onclick={handleReset}>
130132
<RotateCcw class="h-4 w-4" />
131133
Reset
132134
</button>
@@ -135,34 +137,43 @@
135137

136138
<!-- Results summary -->
137139
{#if migrationState?.result}
138-
<div class="grid grid-cols-3 gap-4 mb-4">
139-
<div class="stat bg-base-200 rounded-lg p-4">
140+
<div class="mb-4 grid grid-cols-3 gap-4">
141+
<div class="stat rounded-lg bg-base-200 p-4">
140142
<div class="stat-title">Members</div>
141-
<div class="stat-value text-lg text-success">{migrationState.result.members.created}</div>
143+
<div class="stat-value text-lg text-success">
144+
{migrationState.result.members.created}
145+
</div>
142146
<div class="stat-desc">
143-
{migrationState.result.members.skipped} skipped, {migrationState.result.members.errors} errors
147+
{migrationState.result.members.skipped} skipped, {migrationState.result.members
148+
.errors} errors
144149
</div>
145150
</div>
146-
<div class="stat bg-base-200 rounded-lg p-4">
151+
<div class="stat rounded-lg bg-base-200 p-4">
147152
<div class="stat-title">Articles</div>
148-
<div class="stat-value text-lg text-success">{migrationState.result.articles.created}</div>
153+
<div class="stat-value text-lg text-success">
154+
{migrationState.result.articles.created}
155+
</div>
149156
<div class="stat-desc">
150-
{migrationState.result.articles.skipped} skipped, {migrationState.result.articles.errors} errors
157+
{migrationState.result.articles.skipped} skipped, {migrationState.result.articles
158+
.errors} errors
151159
</div>
152160
</div>
153-
<div class="stat bg-base-200 rounded-lg p-4">
161+
<div class="stat rounded-lg bg-base-200 p-4">
154162
<div class="stat-title">Projects</div>
155-
<div class="stat-value text-lg text-success">{migrationState.result.projects.created}</div>
163+
<div class="stat-value text-lg text-success">
164+
{migrationState.result.projects.created}
165+
</div>
156166
<div class="stat-desc">
157-
{migrationState.result.projects.skipped} skipped, {migrationState.result.projects.errors} errors
167+
{migrationState.result.projects.skipped} skipped, {migrationState.result.projects
168+
.errors} errors
158169
</div>
159170
</div>
160171
</div>
161172
{/if}
162173

163174
<!-- Error display -->
164175
{#if migrationState?.error}
165-
<div class="alert alert-error mb-4">
176+
<div class="mb-4 alert alert-error">
166177
<XCircle class="h-5 w-5" />
167178
<span>{migrationState.error}</span>
168179
</div>
@@ -179,13 +190,14 @@
179190
<pre
180191
id="logs"
181192
bind:this={logsContainer}
182-
class="bg-base-300 rounded-lg p-4 text-xs font-mono h-80 overflow-auto whitespace-pre-wrap"
183-
>{#if migrationState?.logs.length}{migrationState.logs.join("\n")}{:else}No logs yet. Click "Start Migration" to begin.{/if}</pre>
193+
class="h-80 overflow-auto rounded-lg bg-base-300 p-4 font-mono text-xs whitespace-pre-wrap">{#if migrationState?.logs.length}{migrationState.logs.join(
194+
"\n",
195+
)}{:else}No logs yet. Click "Start Migration" to begin.{/if}</pre>
184196
</div>
185197

186198
<!-- Timestamps -->
187199
{#if migrationState?.startedAt || migrationState?.completedAt}
188-
<div class="flex gap-4 text-sm text-base-content/60 mt-4">
200+
<div class="mt-4 flex gap-4 text-sm text-base-content/60">
189201
{#if migrationState?.startedAt}
190202
<span>Started: {new Date(migrationState.startedAt).toLocaleString("ja-JP")}</span>
191203
{/if}

0 commit comments

Comments
 (0)