From 4b2e042a8f8402ffd53a2bd94cad54d6adcaf9b9 Mon Sep 17 00:00:00 2001
From: Luca Stocchi <49404737+lstocchi@users.noreply.github.com>
Date: Thu, 6 Jun 2024 15:06:37 +0200
Subject: [PATCH] chore: adopt linearProgress from ui dep (#1169)

Signed-off-by: lstocchi <lstocchi@redhat.com>
---
 packages/frontend/src/lib/NavPage.svelte      |  2 +-
 .../src/lib/progress/LinearProgress.svelte    | 56 -------------------
 2 files changed, 1 insertion(+), 57 deletions(-)
 delete mode 100644 packages/frontend/src/lib/progress/LinearProgress.svelte

diff --git a/packages/frontend/src/lib/NavPage.svelte b/packages/frontend/src/lib/NavPage.svelte
index d0dc619e3..e0e0f619f 100644
--- a/packages/frontend/src/lib/NavPage.svelte
+++ b/packages/frontend/src/lib/NavPage.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 import Fa from 'svelte-fa';
 import type { IconDefinition } from '@fortawesome/free-regular-svg-icons';
-import LinearProgress from '/@/lib/progress/LinearProgress.svelte';
+import { LinearProgress } from '@podman-desktop/ui-svelte';
 import type { TinroBreadcrumb } from 'tinro';
 
 export let title: string;
diff --git a/packages/frontend/src/lib/progress/LinearProgress.svelte b/packages/frontend/src/lib/progress/LinearProgress.svelte
deleted file mode 100644
index 36dbe9969..000000000
--- a/packages/frontend/src/lib/progress/LinearProgress.svelte
+++ /dev/null
@@ -1,56 +0,0 @@
-<style>
-.pure-material-progress-linear::-webkit-progress-bar {
-  background-color: transparent;
-}
-
-/* Determinate */
-.pure-material-progress-linear::-webkit-progress-value {
-  background-color: currentColor;
-  transition: all 0.2s;
-}
-
-.pure-material-progress-linear::-ms-fill {
-  border: none;
-  background-color: currentColor;
-  transition: all 0.2s;
-}
-
-/* Indeterminate */
-.pure-material-progress-linear:indeterminate {
-  background-size: 200% 100%;
-  background-image: linear-gradient(
-    to right,
-    transparent 50%,
-    currentColor 50%,
-    currentColor 60%,
-    transparent 60%,
-    transparent 71.5%,
-    currentColor 71.5%,
-    currentColor 84%,
-    transparent 84%
-  );
-  animation: pure-material-progress-linear 2s infinite linear;
-}
-
-.pure-material-progress-linear:indeterminate::-ms-fill {
-  animation-name: none;
-}
-
-@keyframes pure-material-progress-linear {
-  0% {
-    background-size: 200% 100%;
-    background-position: left -31.25% top 0%;
-  }
-  50% {
-    background-size: 800% 100%;
-    background-position: left -49% top 0%;
-  }
-  100% {
-    background-size: 400% 100%;
-    background-position: left -102% top 0%;
-  }
-}
-</style>
-
-<progress class="w-full appearance-none border-none h-0.5 text-purple-500 text-base pure-material-progress-linear"
-></progress>