From 647d62dbd2444399dbd1b102df69c64230977ab0 Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Sat, 31 Jan 2026 20:04:14 -0800
Subject: [PATCH] Remove dead code in GearCard and App components

Remove permanently disabled v-if="false" Order button block and
its unused SquidTape import from GearCard. Remove unnecessary
try-catch around mobile browser detection in App.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/App.vue                      | 10 +++-------
 src/components/gear/GearCard.vue | 23 ++---------------------
 2 files changed, 5 insertions(+), 28 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 923baa9..652b17b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,13 +16,9 @@ const data = useDataStore();
 onMounted(() => data.startUpdating());
 onUnmounted(() => data.stopUpdating());
 
-try {
-  // Detect mobile browsers
-  if (navigator.userAgent.match(/iPhone|iPad|Android/i)) {
-    document.body.classList.add('is-mobile');
-  }
-} catch (e) {
-  //
+// Detect mobile browsers
+if (navigator.userAgent.match(/iPhone|iPad|Android/i)) {
+  document.body.classList.add('is-mobile');
 }
 </script>
 
diff --git a/src/components/gear/GearCard.vue b/src/components/gear/GearCard.vue
index a67d594..1f5033e 100644
--- a/src/components/gear/GearCard.vue
+++ b/src/components/gear/GearCard.vue
@@ -54,23 +54,8 @@
       </div>
     </div>
 
-    <!-- Time left/Order button -->
-    <div class="absolute top-1 left-6 space-y-2">
-      <div v-if="false" class="hidden mobile:block -ml-4">
-        <a :href="shopUrl">
-          <SquidTape
-            class="font-splatoon2 text-sm text-black rounded-sm -rotate-3"
-            bg="bg-splatoon-yellow"
-            squid-bg="bg-black"
-            border="border border-black"
-          >
-            <div class="px-1">
-              {{ $t('gear.order') }}
-            </div>
-          </SquidTape>
-        </a>
-      </div>
-
+    <!-- Time left -->
+    <div class="absolute top-1 left-6">
       <div class="inline-block text-xs bg-zinc-200 bg-opacity-30 rounded px-1 py-px font-semibold">
         {{ $t('time.left', { time: formatDurationHoursFromNow(props.gear.saleEndTime) }) }}
       </div>
@@ -80,9 +65,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import SquidTape from '@/components/SquidTape.vue';
 import { formatDurationHoursFromNow } from '@/common/time';
-import { getGesotownGearUrl } from '@/common/links';
 
 const props = defineProps({
   gear: Object,
@@ -90,8 +73,6 @@ const props = defineProps({
 
 const price = computed(() => props.gear.price);
 const gear = computed(() => props.gear.gear);
-
-const shopUrl = computed(() => getGesotownGearUrl(props.gear.id));
 </script>
 
 <style scoped>