From 47887d7fbd3f04c3c8bfcc30aef5857dbce29c7c Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Tue, 16 Jun 2026 10:03:21 -0400
Subject: [PATCH] Add admin-editable QR code image to homepage share section

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/AdminPage.tsx | 3 +++
 src/App.tsx       | 2 +-
 src/content.ts    | 2 ++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/AdminPage.tsx b/src/AdminPage.tsx
index af64f26..4cb2da7 100644
--- a/src/AdminPage.tsx
+++ b/src/AdminPage.tsx
@@ -870,6 +870,7 @@ const FIELDS: Array<{ key: StringField; label: string; multiline?: boolean; sect
   { key: 'studyGuideUrl', label: 'Study Guide URL (Amazon link)', section: 'series' },
   { key: 'shareHeading', label: 'Share Section — Heading', section: 'share' },
   { key: 'shareP', label: 'Share Section — Paragraph', multiline: true, section: 'share' },
+  { key: 'shareQrImageUrl', label: 'Share Section — QR Code Image', section: 'share' },
   { key: 'prismVideoUrl', label: 'PRISM — Video URL', section: 'prism' },
   { key: 'prismEyebrow', label: 'PRISM — Eyebrow', section: 'prism' },
   { key: 'prismHeading', label: 'PRISM — Heading', section: 'prism' },
@@ -3577,6 +3578,8 @@ export default function AdminPage({ content, onSave, onLogout }: Props) {
                   {multiline
                     ? <textarea id={`field-${key}`} value={form[key] as string} onChange={e => handleChange(key, e.target.value)} rows={4} />
                     : <input id={`field-${key}`} type="text" value={form[key] as string} onChange={e => handleChange(key, e.target.value)} />}
+                  {key.includes('ImageUrl') && renderImageAssetSelector(form[key] as string, value => handleChange(key, value), `field-${key}-asset`)}
+                  {key.includes('ImageUrl') && renderImagePreview(form[key] as string, `${label} preview`)}
                 </div>
               ))}
 
diff --git a/src/App.tsx b/src/App.tsx
index cb392c7..d95044e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1446,7 +1446,7 @@ function LandingPage({ content }: { content: SiteContent }) {
             <p className="share-p">{content.shareP || 'Scan the QR code or text the show link to a friend who needs encouragement today.'}</p>
             <ShareShowButton />
           </div>
-          <img src="/images/qr-code.jpg" alt="QR code to share the show" className="share-qr" />
+          <img src={content.shareQrImageUrl || '/images/qr-code.jpg'} alt="QR code to share the show" className="share-qr" />
         </div>
       </section>
 
diff --git a/src/content.ts b/src/content.ts
index dcf34bc..5c73c0f 100644
--- a/src/content.ts
+++ b/src/content.ts
@@ -174,6 +174,7 @@ export interface SiteContent {
   // ── Share ──
   shareHeading: string
   shareP: string
+  shareQrImageUrl: string
   // ── PRISM Video ──
   prismVideoUrl: string
   prismEyebrow: string
@@ -363,6 +364,7 @@ export const DEFAULTS: SiteContent = {
   colossiansStudySections: DEFAULT_COLOSSIANS_STUDY_SECTIONS,
   shareHeading: 'Help one more person hear the Word this week.',
   shareP: 'Scan the QR code or text the show link to a friend who needs encouragement today.',
+  shareQrImageUrl: '/images/qr-code.jpg',
   prismVideoUrl: '/images/PRISM.mp4',
   prismEyebrow: 'Featured Video',
   prismHeading: 'PRISM',