From 39d4019c41bad5c2fbee1a31db472d5dc4a27630 Mon Sep 17 00:00:00 2001
From: Neil <get.neilmolina@gmail.com>
Date: Tue, 10 Oct 2023 08:23:54 +0800
Subject: [PATCH] replace loader (#819)

* replace tea logo
---
 package.json                                       | 2 +-
 svelte/src/components/package-card/bg-image.svelte | 7 +++++--
 svelte/src/components/preloader/preloader.svelte   | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index cffa02767..307409062 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ossapp",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "private": true,
   "description": "The Open Source App Store",
   "author": "pkgx inc. <hello@pkgx.dev>",
diff --git a/svelte/src/components/package-card/bg-image.svelte b/svelte/src/components/package-card/bg-image.svelte
index 5ee81d271..6b2179a6d 100644
--- a/svelte/src/components/package-card/bg-image.svelte
+++ b/svelte/src/components/package-card/bg-image.svelte
@@ -17,7 +17,11 @@
 
 <section class="overflow-hidden bg-black {clazz} {layout}">
   {#await promise}
-    <i class="logo icon-tea-logo-iconasset-1 text-gray text-3xl {layout} animate-pulse" />
+    <img
+      src="/images/home-btn/State=Active.svg"
+      class="logo animate-pulse grayscale {layout}"
+      alt="ossapp"
+    />
   {:then loadedImg}
     <div class="transition-all duration-500 {layout}" style="background-image: url({loadedImg})">
       <!-- dup image: save processing power instead of computing the blur across all the HTML layers -->
@@ -39,7 +43,6 @@
   .logo {
     position: absolute;
     width: 30px;
-    height: 30px;
     margin-left: -15px;
   }
   .logo.none {
diff --git a/svelte/src/components/preloader/preloader.svelte b/svelte/src/components/preloader/preloader.svelte
index 0ba9f7e4d..f121ffbc7 100644
--- a/svelte/src/components/preloader/preloader.svelte
+++ b/svelte/src/components/preloader/preloader.svelte
@@ -5,7 +5,7 @@
 </script>
 
 <figure class="container flex h-full w-full flex-row justify-center bg-black bg-opacity-90 py-8">
-  <i class="icon-tea-logo-iconasset-1 text-gray animate-pulse text-4xl" />
+  <img src="/images/home-btn/State=Active.svg" class="animate-pulse grayscale" alt="ossapp" />
 </figure>
 
 <style>