replace ElNotification

2026-05-05 22:36:05 +02:00 · 2026-01-13 16:24:08 +09:00
parent a353defca1
commit 38a8247e9c
5 changed files with 98 additions and 99 deletions
@@ -0,0 +1,29 @@
+import { Button } from '@/components/ui/button';
+import { Progress } from '@/components/ui/progress';
+
+export default {
+    name: 'InvalidAvatarsProgressToast',
+    props: {
+        t: { type: Function, required: true },
+        progress: { type: Object, required: true },
+        onDismiss: { type: Function, required: true }
+    },
+    setup(props) {
+        return () => (
+            <div class="flex flex-col gap-2 pr-1">
+                <div class="text-sm font-medium">
+                    {props.t('view.favorite.avatars.checking_progress', {
+                        current: props.progress.current,
+                        total: props.progress.total
+                    })}
+                </div>
+                <Progress modelValue={props.progress.percentage} class="h-2 w-full" />
+                <div class="flex justify-end">
+                    <Button size="sm" variant="secondary" onClick={props.onDismiss}>
+                        {props.t('view.favorite.avatars.dismiss')}
+                    </Button>
+                </div>
+            </div>
+        );
+    }
+};