From 4530466df043ef75b37cd7804f0ffc40972290c4 Mon Sep 17 00:00:00 2001
From: Martin Dvorak <dvorak@dvorakmortonxd.dev>
Date: Fri, 9 Oct 2026 08:53:03 +0000
Subject: [PATCH] Make the Freeze my deck button visually identical to Make my
 homework
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Same sparkles icon, same shape, same states — only the label differs, which
is the one thing that cannot be shared. The snowflake stays the app's brand
mark on the hero, the drop zone and the tab bar.

Service worker: freezmo-v15.

Verified: computed-style diff between the two buttons is empty and the
cropped screenshots differ only in their text; CTA-parity suite 32/32,
desktop regression 74/74, mobile 51/51. Lint + build clean.
---
 components/UploadScreen.tsx | 8 ++++----
 public/sw.js                | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/UploadScreen.tsx b/components/UploadScreen.tsx
index 55cc8ce..50dfd83 100644
--- a/components/UploadScreen.tsx
+++ b/components/UploadScreen.tsx
@@ -32,7 +32,7 @@ import { UNORGANIZED_ID, type Difficulty } from "@/lib/schemas";
 import { upsertDeck } from "@/lib/storage";
 import { openSettings } from "@/lib/ui-events";
 import { cn, uid } from "@/lib/utils";
-import { CameraIcon, FolderIcon, IceCubeIcon, PlusIcon, SnowflakeIcon, SunIcon } from "@/components/icons";
+import { CameraIcon, FolderIcon, IceCubeIcon, PlusIcon, SnowflakeIcon, SparklesIcon, SunIcon } from "@/components/icons";
 import { Button, ProgressBar } from "@/components/ui";
 
 type Phase = "idle" | "preparing" | "loading" | "error";
@@ -720,15 +720,15 @@ export function UploadScreen() {
         </section>
 
         <div className="sticky bottom-[calc(env(safe-area-inset-bottom,0px)+4.6rem)] z-20 -mx-4 space-y-2 border-t border-[var(--hairline)] bg-white/65 px-4 py-3 backdrop-blur-2xl dark:bg-[color-mix(in_oklab,var(--surface)_70%,transparent)] sm:bottom-0 sm:mx-0 sm:rounded-[1.35rem] sm:border sm:px-5">
-          {/* Same CTA shape as the homework flow: feature icon, full-width,
-              helper line centred underneath. */}
+          {/* Visually identical to the homework flow's CTA — same icon, shape
+              and helper line — only the label differs. */}
           <Button
             size="lg"
             className="touch-target w-full"
             onClick={() => void generate()}
             disabled={!canGenerate}
           >
-            <SnowflakeIcon className="size-5" /> {t("upload.freezeDeck")}
+            <SparklesIcon className="size-5" /> {t("upload.freezeDeck")}
           </Button>
           <p className="text-center text-[12px] text-[var(--text-subtle)]">
             {documentsBusy
diff --git a/public/sw.js b/public/sw.js
index 1e96c85..69d6e6b 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -9,7 +9,7 @@
  *
  * Bumping CACHE_VERSION is how a new deploy invalidates old assets.
  */
-const CACHE_VERSION = "freezmo-v14";
+const CACHE_VERSION = "freezmo-v15";
 const SHELL_CACHE = `${CACHE_VERSION}-shell`;
 const ASSET_CACHE = `${CACHE_VERSION}-assets`;