From f751f59d6f4acf648f3c48b72ff7afebac787c3d Mon Sep 17 00:00:00 2001
From: BOTAlex <zhen@deprived.dev>
Date: Thu, 16 Oct 2025 02:12:00 +0200
Subject: [PATCH] progress on trackers product page

---
 src/pages/shop/_trackers.svelte | 35 +++++++++++++++++++++++++++------
 src/routes/+page.svelte         | 21 --------------------
 2 files changed, 29 insertions(+), 27 deletions(-)

diff --git a/src/pages/shop/_trackers.svelte b/src/pages/shop/_trackers.svelte
index 13024d3..7243435 100644
--- a/src/pages/shop/_trackers.svelte
+++ b/src/pages/shop/_trackers.svelte
@@ -1,14 +1,23 @@
 <script lang="ts">
   import onMount from "@e/onMount";
 
+  let cart = {
+    trackers: 0,
+    receivers: 0,
+  };
+
+  function sanityCheck() {
+    Object.keys(cart).forEach((k) => (cart[k] = Math.max(0, cart[k] || 0)));
+  }
+
   onMount(async () => {
     console.log(window.location.href);
   });
 </script>
 
-<div class=" grid grid-cols-2 items-center gap-x-16">
-  <div class="w-48 h-48 bg-blue-500 justify-self-end"></div>
-  <div class="justify-self-start flex flex-col w-full">
+<div class="grid grid-cols-6 items-center gap-x-16 pt-32">
+  <div class="w-48 h-48 bg-blue-500 justify-self-end col-start-3"></div>
+  <div class="justify-self-start flex flex-col w-full col-start-4">
     <div>Tracker</div>
     <div>NRF52840 + ICM45856</div>
     <div class="flex">
@@ -17,9 +26,23 @@
       <div>25USD</div>
     </div>
     <div class="flex join">
-      <button class="join-item btn btn-primary">-</button>
-      <div class="join-item input input-disable cursor-default"></div>
-      <button class="join-item btn btn-primary">+</button>
+      <button
+        class="join-item btn btn-primary"
+        on:click={() => {
+          cart.trackers--;
+          sanityCheck();
+        }}>-</button
+      >
+      <div class="join-item input input-disable cursor-default">
+        {cart.trackers}
+      </div>
+      <button
+        class="join-item btn btn-primary"
+        on:click={() => {
+          cart.trackers++;
+          sanityCheck();
+        }}>+</button
+      >
     </div>
   </div>
 </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 33d6bea..0f7af7c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,31 +1,10 @@
 <script lang="ts">
-  // import ProfileSpacer from "./comps/ProfileSpacer.svelte";
   import MediaQuery from "svelte-media-queries";
   import onMount from "@e/onMount";
-  // import tick from "@e/tick";
 
   import PreviewDeprivedLogo from "$lib/images/DeprivedLogo-NoBackground.png";
 
   import BackgroundVideo from "$lib/videos/DeprivedDevMontage.gif";
-  import Carousel from "./comps/Carousel.svelte";
-
-  import Corrobot1 from "$lib/GamePreviews/Corrobot-rebouce-title.jpg";
-  import Corrobot2 from "$lib/GamePreviews/Corrobot-rebouce-gameplay1.png";
-  import Corrobot3 from "$lib/GamePreviews/Corrobot-rebouce-gameplay2.png";
-
-  import Blood1 from "$lib/GamePreviews/Blood-title.png";
-  import Blood2 from "$lib/GamePreviews/Blood-preview1.png";
-  import Blood3 from "$lib/GamePreviews/Blood-preview2.png";
-  import Blood4 from "$lib/GamePreviews/Blood-preview3.png";
-  import Blood5 from "$lib/GamePreviews/Blood-preview4.png";
-
-  import Time1 from "$lib/GamePreviews/Time-1.png";
-  import Time2 from "$lib/GamePreviews/time-2.png";
-  import Time3 from "$lib/GamePreviews/time-3.png";
-  import Time4 from "$lib/GamePreviews/time-4.png";
-  import Time5 from "$lib/GamePreviews/time-5.gif";
-  // import Tags from "./comps/Tags.svelte";
-  // import NameAndTag from "./comps/NameAndTag.svelte";
   import Profile from "./comps/Profile.svelte";
   import DeprivedTrackerSection from "./comps/DeprivedTrackerSection.svelte";
   import re from "@src/ts/Redaction/Redactor";