From 5e20ca53cec3ec3c4195fd661d0b2943e9b6f736 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= <leo@leomurca.xyz>
Date: Fri, 18 Nov 2022 11:21:34 -0300
Subject: [PATCH] Change logo file names and smal function refactor

---
 src/App.svelte                                      |  12 +++++++-----
 ...bile.webp => embroidery-viewer-logo-mobile.webp} | Bin
 .../{logo.webp => embroidery-viewer-logo.webp}      | Bin
 3 files changed, 7 insertions(+), 5 deletions(-)
 rename src/assets/{logo-mobile.webp => embroidery-viewer-logo-mobile.webp} (100%)
 rename src/assets/{logo.webp => embroidery-viewer-logo.webp} (100%)

diff --git a/src/App.svelte b/src/App.svelte
index 2f33b79..a88efa6 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,16 +1,18 @@
 <script>
   import FileViewer from "./lib/FileViewer.svelte";
   import MediaQuery from "./lib/MediaQuery.svelte";
-  import logo from "./assets/logo.webp";
-  import logoMobile from "./assets/logo-mobile.webp";
+  import logo from "./assets/embroidery-viewer-logo.webp";
+  import logoMobile from "./assets/embroidery-viewer-logo-mobile.webp";
+
+  function configsFor(matches) {
+      return  matches ? { src: logoMobile, width: 350, height: 96 } : { src: logo, width: 460, height: 200 }
+  }
 </script>
 
 <header>
   <a href="/">
     <MediaQuery query="(min-width: 481px) and (max-width: 812px)" let:matches>
-      {@const configs = matches
-        ? { src: logoMobile, width: 350, height: 96 }
-        : { src: logo, width: 460, height: 200 }}
+      {@const configs = configsFor(matches)}
       <img
         class="logo"
         alt="Embroidery viewer logo."
diff --git a/src/assets/logo-mobile.webp b/src/assets/embroidery-viewer-logo-mobile.webp
similarity index 100%
rename from src/assets/logo-mobile.webp
rename to src/assets/embroidery-viewer-logo-mobile.webp
diff --git a/src/assets/logo.webp b/src/assets/embroidery-viewer-logo.webp
similarity index 100%
rename from src/assets/logo.webp
rename to src/assets/embroidery-viewer-logo.webp