chore: adopt Spinner from svelte ui library (#1197)

* chore: adopt Spinner from svelte ui library Fixes #963 Signed-off-by: Jeff MAURY <[email protected]>
containers · Jun 12, 2024 · 4d699f1 · 4d699f1
1 parent 2cb8f24
commit 4d699f1
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 58 deletions.
diff --git a/packages/frontend/src/lib/RecipeDetails.svelte b/packages/frontend/src/lib/RecipeDetails.svelte
@@ -19,8 +19,7 @@ import PodIcon from '/@/lib/images/PodIcon.svelte';
 import StatusIcon from '/@/lib/StatusIcon.svelte';
 import type { ModelInfo } from '@shared/src/models/IModelInfo';
 import { getApplicationStatus, getApplicationStatusText } from '../pages/applications';
-import Spinner from './button/Spinner.svelte';
-import { Button } from '@podman-desktop/ui-svelte';
+import { Button, Spinner } from '@podman-desktop/ui-svelte';
 
 export let recipeId: string;
 export let modelId: string;

diff --git a/packages/frontend/src/lib/StatusIcon.svelte b/packages/frontend/src/lib/StatusIcon.svelte
@@ -2,7 +2,7 @@
 import type { KnownStatus } from './StatusIcon';
 // status: one of RUNNING, STARTING, USED, CREATED, DELETING, or DEGRADED
 // any other status will result in a standard outlined box
-import Spinner from '/@/lib/button/Spinner.svelte';
+import { Spinner } from '@podman-desktop/ui-svelte';
 
 export let status: KnownStatus | string = '';
 export let icon: any = undefined;

diff --git a/packages/frontend/src/lib/button/Spinner.svelte b/packages/frontend/src/lib/button/Spinner.svelte
diff --git a/packages/frontend/src/lib/table/application/ColumnStatus.svelte b/packages/frontend/src/lib/table/application/ColumnStatus.svelte
@@ -3,7 +3,7 @@ import { getApplicationStatus } from '../../../pages/applications';
 import type { ApplicationState } from '@shared/src/models/IApplicationState';
 import StatusIcon from '../../StatusIcon.svelte';
 import PodIcon from '../../images/PodIcon.svelte';
-import Spinner from '../../button/Spinner.svelte';
+import { Spinner } from '@podman-desktop/ui-svelte';
 export let object: ApplicationState;
 
 $: status = getApplicationStatus(object);

diff --git a/packages/frontend/src/lib/table/service/ServiceStatus.svelte b/packages/frontend/src/lib/table/service/ServiceStatus.svelte
@@ -2,7 +2,7 @@
 import type { InferenceServer } from '@shared/src/models/IInference';
 import StatusIcon from '/@/lib/StatusIcon.svelte';
 import { studioClient } from '/@/utils/client';
-import Spinner from '/@/lib/button/Spinner.svelte';
+import { Spinner } from '@podman-desktop/ui-svelte';
 import { ContainerIcon } from '@podman-desktop/ui-svelte/icons';
 export let object: InferenceServer;