From 7ca457bb0461cb6cea6ca3a418a7973ed340e60a Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Wed, 22 Jul 2026 12:59:06 -0400
Subject: [PATCH] =?UTF-8?q?Consolidate=20Q&A=20share=20buttons=20=E2=80=94?=
 =?UTF-8?q?=20X=20and=20Facebook=20now=20share=20image;=20v1.0.13?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaced the separate text-link X/FB buttons and the duplicate image buttons
with a single X and Facebook button each that share the generated quote card.
Keeps button row to 5: Upvote, X Share, Facebook Share, Copy link, Save image.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 package.json                 |  2 +-
 src/components/QASection.tsx | 14 +++-----------
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 45c8722..42d8a1f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "siteforge",
   "private": true,
-  "version": "1.0.12",
+  "version": "1.0.13",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/components/QASection.tsx b/src/components/QASection.tsx
index 21fdb75..bfed529 100644
--- a/src/components/QASection.tsx
+++ b/src/components/QASection.tsx
@@ -1044,7 +1044,7 @@ export default function QASection() {
                               type="button"
                               aria-label="Share on X"
                               className="qa-social-btn qa-social-btn--x"
-                              onClick={() => shareToX(question)}
+                              onClick={() => shareImageTo(question, 'x')}
                             >
                               <svg viewBox="0 0 24 24" aria-hidden="true" fill="currentColor" width="14" height="14"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
                               <span>Share</span>
@@ -1053,10 +1053,10 @@ export default function QASection() {
                               type="button"
                               aria-label="Share on Facebook"
                               className="qa-social-btn qa-social-btn--fb"
-                              onClick={() => shareToFacebook(question)}
+                              onClick={() => shareImageTo(question, 'facebook')}
                             >
                               <svg viewBox="0 0 24 24" aria-hidden="true" fill="currentColor" width="14" height="14"><path d="M24 12.073C24 5.404 18.627 0 12 0S0 5.404 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.884v2.25h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z"/></svg>
-                              <span>{facebookCaptionCopied ? 'Caption copied' : 'Share'}</span>
+                              <span>Share</span>
                             </button>
                             <button type="button" className="qa-share-btn" onClick={() => shareQuestion(question.id)}>
                               {linkCopied ? '✓ Copied' : 'Copy link'}
@@ -1064,14 +1064,6 @@ export default function QASection() {
                             <button type="button" className="qa-share-btn" onClick={() => saveAsImage(question)}>
                               Save image
                             </button>
-                            <button type="button" className="qa-social-btn qa-social-btn--x" onClick={() => shareImageTo(question, 'x')}>
-                              <svg viewBox="0 0 24 24" aria-hidden="true" fill="currentColor" width="14" height="14"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
-                              <span>Image</span>
-                            </button>
-                            <button type="button" className="qa-social-btn qa-social-btn--fb" onClick={() => shareImageTo(question, 'facebook')}>
-                              <svg viewBox="0 0 24 24" aria-hidden="true" fill="currentColor" width="14" height="14"><path d="M24 12.073C24 5.404 18.627 0 12 0S0 5.404 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.884v2.25h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z"/></svg>
-                              <span>Image</span>
-                            </button>
                           </div>
                           {(facebookCaptionCopied || linkCopied) && (
                             <p className="qa-share-feedback" role="status" aria-live="polite">