From 92a008926ef12a7307d2dad3dcf5e8c34ae2b89d Mon Sep 17 00:00:00 2001
From: jamey <jamey@server.jamey.stream>
Date: Wed, 4 Mar 2026 00:41:15 +0000
Subject: [PATCH] fix coming soon page: crash, logo centering, admin login link
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add AnalyticsHook to the coming_soon live session — the shop layout
fires an analytics:screen JS event but the session had no handler,
crashing the page on connect.

Centre the logo image (display:block from CSS reset needs
margin-inline:auto). Add a subtle "Admin" link at the bottom using
flex flow rather than fixed/absolute positioning so it works in
iframes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 PROGRESS.md                               |  2 +-
 assets/css/shop/components.css            | 19 +++++++++++++++++--
 lib/berrypod_web/live/shop/coming_soon.ex |  1 +
 lib/berrypod_web/router.ex                |  3 ++-
 4 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/PROGRESS.md b/PROGRESS.md
index b7fdaa1..fc70308 100644
--- a/PROGRESS.md
+++ b/PROGRESS.md
@@ -63,7 +63,7 @@ Based on usability testing (March 2026). Reworks the entire setup flow into a si
 | D | Email provider setup UX rework (recommended pick, grouping, guided flow, test email) | 2h | planned |
 | E | Contextual prompts for skipped steps (products, checkout, order detail) | 2h | planned |
 | F | Dashboard checklist and messaging rework | 2h | planned |
-| G | Coming soon page fixes (logo layout, admin login link) | 30m | planned |
+| G | Coming soon page fixes (logo layout, admin login link) | 30m | done |
 | H | External links UX (new tabs, icons, aria labels) | 1h | planned |
 | I | Input styling — WCAG AA/AAA compliance | 1h | planned |
 
diff --git a/assets/css/shop/components.css b/assets/css/shop/components.css
index 50da86f..10951c2 100644
--- a/assets/css/shop/components.css
+++ b/assets/css/shop/components.css
@@ -2766,12 +2766,16 @@
 
   .coming-soon {
     display: flex;
+    flex-direction: column;
     align-items: center;
-    justify-content: center;
     min-height: 100vh;
     min-height: 100dvh;
-    padding-inline: 1.5rem;
+    padding: 1.5rem;
     text-align: center;
+
+    & > :first-child {
+      margin-block: auto;
+    }
   }
 
   .coming-soon-logo {
@@ -2780,6 +2784,7 @@
     & img {
       max-height: 4rem;
       max-width: 12rem;
+      margin-inline: auto;
       object-fit: contain;
     }
   }
@@ -2798,6 +2803,16 @@
     font-size: 1.125rem;
     color: var(--t-text-secondary);
   }
+
+  .coming-soon-admin-link {
+    font-size: 0.75rem;
+    color: var(--t-text-tertiary);
+    text-decoration: none;
+
+    &:hover {
+      color: var(--t-text-secondary);
+    }
+  }
 }
 
 @layer components {
diff --git a/lib/berrypod_web/live/shop/coming_soon.ex b/lib/berrypod_web/live/shop/coming_soon.ex
index 82d827b..0a07301 100644
--- a/lib/berrypod_web/live/shop/coming_soon.ex
+++ b/lib/berrypod_web/live/shop/coming_soon.ex
@@ -19,6 +19,7 @@ defmodule BerrypodWeb.Shop.ComingSoon do
           We're getting things ready. Check back soon.
         </p>
       </div>
+      <a href="/admin" class="coming-soon-admin-link">Admin</a>
     </main>
     """
   end
diff --git a/lib/berrypod_web/router.ex b/lib/berrypod_web/router.ex
index 4f97d20..d469d2c 100644
--- a/lib/berrypod_web/router.ex
+++ b/lib/berrypod_web/router.ex
@@ -243,7 +243,8 @@ defmodule BerrypodWeb.Router do
       layout: {BerrypodWeb.Layouts, :shop},
       on_mount: [
         {BerrypodWeb.SetupHook, :require_admin},
-        {BerrypodWeb.ThemeHook, :mount_theme}
+        {BerrypodWeb.ThemeHook, :mount_theme},
+        {BerrypodWeb.AnalyticsHook, :track}
       ] do
       live "/coming-soon", Shop.ComingSoon, :index
     end