From 4e67d493437e1c08e3f4de20c027c795a09b9e69 Mon Sep 17 00:00:00 2001
From: Sam Lavigne <splavigne@gmail.com>
Date: Fri, 20 Jun 2025 21:50:37 -0400
Subject: [PATCH] clean up: remove unused distance prop & prettier format

---
 src/App.svelte | 23 +++++++++++------------
 src/Cop.svelte |  4 +---
 2 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 8a899ea..9a8ee1d 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -227,26 +227,25 @@
 
 <main>
   <div class="about-link">
-    <a href="https://github.com/kylemcdonald/lapd-face-search/" target="_blank" rel="noopener noreferrer" title="About">?</a>
+    <a
+      href="https://github.com/kylemcdonald/lapd-face-search/"
+      target="_blank"
+      rel="noopener noreferrer"
+      title="About">?</a
+    >
   </div>
 
   <h1>LAPD Face Search</h1>
   <h2>Search over 9,000 LAPD headshots</h2>
   <p>
     Face recognition happens on your device and images are not uploaded.
-    <br/>Blurry, low-resolution photos will not match.
+    <br />Blurry, low-resolution photos will not match.
   </p>
 
   {#if !loaded}
     <form>
       <label for="image-input" class="loading-label">Loading...</label>
-      <input
-        id="image-input"
-        type="file"
-        accept="image/*"
-        hidden=""
-        disabled
-      />
+      <input id="image-input" type="file" accept="image/*" hidden="" disabled />
     </form>
   {/if}
 
@@ -294,7 +293,7 @@
     <div class="cops">
       {#each matches as cop}
         <div class="cop">
-          <Cop cop={cop.data} index={cop.index} distance={cop.distance} />
+          <Cop cop={cop.data} index={cop.index} />
         </div>
       {/each}
     </div>
@@ -450,7 +449,7 @@
     font-weight: bold;
     font-size: 1.2rem;
     transition: all 0.2s ease-in-out;
-    box-shadow: 0 0 8px rgba(0, 0, 0, 1.0);
+    box-shadow: 0 0 8px rgba(0, 0, 0, 1);
   }
 
   .about-link a:hover {
@@ -489,7 +488,7 @@
     cursor: not-allowed !important;
     animation: pulse 1.5s ease-in-out infinite;
   }
-  
+
   .loading-label:hover {
     background-color: #666 !important;
     color: #999 !important;
diff --git a/src/Cop.svelte b/src/Cop.svelte
index 15d3c6b..f76a589 100644
--- a/src/Cop.svelte
+++ b/src/Cop.svelte
@@ -1,7 +1,5 @@
 <script>
-  let { cop, distance, index } = $props();
-
-  const DEV = import.meta.env.DEV;
+  let { cop, index } = $props();
 
   const errorImage =
     "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiBmaWxsPSIjRjNGNEY2Ii8+CjxwYXRoIGQ9Ik0yNCAzMkM0MS42NzMxIDMyIDU2IDM3LjM3MjYgNTYgNDRDNTYgNTAuNjI3NCA0MS42NzMxIDU2IDI0IDU2QzYuMzI2ODggNTYgLTggNTAuNjI3NCAtOCA0Qy04IDM3LjM3MjYgNi4zMjY4OCAzMiAyNCAzMloiIGZpbGw9IiM5QTlCOCIvPgo8L3N2Zz4=";