From ae9ea8ecc6b2109ca8419f51fa21a1a11d0e56b7 Mon Sep 17 00:00:00 2001
From: Jeannie McGill <jeanniecaitlyn@gmail.com>
Date: Fri, 7 Jul 2023 10:46:36 -0400
Subject: [PATCH 1/3] Add spanish translations for things

---
 src/lib/things/Thing.svelte | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/lib/things/Thing.svelte b/src/lib/things/Thing.svelte
index d8390fe..7c9a6d3 100644
--- a/src/lib/things/Thing.svelte
+++ b/src/lib/things/Thing.svelte
@@ -1,10 +1,12 @@
 <script>
     import BoxIcon from "$lib/icons/box.svg";
-    import { t } from "$lib/language/translate";
+    import { t, locale } from "$lib/language/translate";
 
     export let thing;
 
     let innerWidth = 0;
+    let language;
+
     $: isMobile = innerWidth < 600;
     $: fontSize = thing.name.length > 13 || isMobile ? 'text-sm' : 'text-base';
 
@@ -18,15 +20,19 @@
         ? 'bg-yellow-300'
         : 'bg-green-400';
 
-    const getShortName = () => {
-        if (thing.name.length < 30) return thing.name;
-        return thing.name.substring(0, 29) + '...';
-    };
+    function getShortName(name){
+        if (name.length < 30) return name;
+        return name.substring(0, 29) + '...';
+    }
 
     const onClick = () => {
         if (!hasZeroStock) return;
         window.open(donateURL, '_blank').focus();
     };
+
+    locale.subscribe((value) => {
+        language = value;
+    });
 </script>
 
 <svelte:window bind:innerWidth />
@@ -36,7 +42,11 @@
     <div class="p-2">
         <img src={thing.image ?? BoxIcon} alt={thing.name} class="w-full aspect-square object-contain rounded" />
         <div class="mt-3">
-            <div class="{fontSize} uppercase font-bold font-sans text-center">{getShortName()}</div>
+            {#if language === "en"}
+                <div class="{fontSize} uppercase font-bold font-sans text-center">{getShortName(thing.name)}</div>
+            {:else}
+                <div class="{fontSize} uppercase font-bold font-sans text-center">{getShortName(thing.spanish ?? thing.name)}</div>
+            {/if}
         </div>
     </div>
     <div class="{backgroundColor} py-1 text-center font-medium border-t border-black">

From b341202e8d5ecb6f5cf5410de010823c4655cd2a Mon Sep 17 00:00:00 2001
From: Jeannie McGill <jeanniecaitlyn@gmail.com>
Date: Mon, 10 Jul 2023 09:07:26 -0400
Subject: [PATCH 2/3] change to use spanishName

---
 src/lib/things/Thing.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/things/Thing.svelte b/src/lib/things/Thing.svelte
index 7c9a6d3..8dcef2f 100644
--- a/src/lib/things/Thing.svelte
+++ b/src/lib/things/Thing.svelte
@@ -45,7 +45,7 @@
             {#if language === "en"}
                 <div class="{fontSize} uppercase font-bold font-sans text-center">{getShortName(thing.name)}</div>
             {:else}
-                <div class="{fontSize} uppercase font-bold font-sans text-center">{getShortName(thing.spanish ?? thing.name)}</div>
+                <div class="{fontSize} uppercase font-bold font-sans text-center">{getShortName(thing.spanishName ?? thing.name)}</div>
             {/if}
         </div>
     </div>

From 1b1b4330249939ebb33d23fa93643be70fb03578 Mon Sep 17 00:00:00 2001
From: Jeannie McGill <jeanniecaitlyn@gmail.com>
Date: Mon, 10 Jul 2023 09:52:29 -0400
Subject: [PATCH 3/3] Simplify check

---
 src/lib/things/Thing.svelte | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/lib/things/Thing.svelte b/src/lib/things/Thing.svelte
index 8dcef2f..bbb177f 100644
--- a/src/lib/things/Thing.svelte
+++ b/src/lib/things/Thing.svelte
@@ -42,11 +42,9 @@
     <div class="p-2">
         <img src={thing.image ?? BoxIcon} alt={thing.name} class="w-full aspect-square object-contain rounded" />
         <div class="mt-3">
-            {#if language === "en"}
-                <div class="{fontSize} uppercase font-bold font-sans text-center">{getShortName(thing.name)}</div>
-            {:else}
-                <div class="{fontSize} uppercase font-bold font-sans text-center">{getShortName(thing.spanishName ?? thing.name)}</div>
-            {/if}
+            <div class="{fontSize} uppercase font-bold font-sans text-center">
+                {getShortName(language === 'en' ? thing.name : thing.spanishName ?? thing.name)}
+            </div>
         </div>
     </div>
     <div class="{backgroundColor} py-1 text-center font-medium border-t border-black">