From 0c4e2bc313f58e675470e39764632ea38d9dda08 Mon Sep 17 00:00:00 2001
From: martin-mfg <2026226+martin-mfg@users.noreply.github.com>
Date: Fri, 7 Nov 2025 20:03:11 +0100
Subject: [PATCH] contain step 1 customization, remove duplicate username, fix
 Wakatime layout

---
 .../src/components/Home/WakatimeLayoutSection.js      |  2 +-
 frontend/frontend/src/pages/Home/stages/Display.js    |  2 +-
 frontend/frontend/src/pages/Home/stages/SelectCard.js | 11 ++++++++---
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/frontend/src/components/Home/WakatimeLayoutSection.js b/frontend/frontend/src/components/Home/WakatimeLayoutSection.js
index 49efdef1..b8e4b94c 100644
--- a/frontend/frontend/src/components/Home/WakatimeLayoutSection.js
+++ b/frontend/frontend/src/components/Home/WakatimeLayoutSection.js
@@ -19,7 +19,7 @@ const WakatimeLayoutSection = ({ selectedOption, setSelectedOption }) => {
       id: 3,
       label: 'Text Only',
       disabled: false,
-      value: 'default=hide_progress=true&card_width=315',
+      value: 'default&hide_progress=true&card_width=315',
     },
   ];
 
diff --git a/frontend/frontend/src/pages/Home/stages/Display.js b/frontend/frontend/src/pages/Home/stages/Display.js
index e472e3d3..117367e0 100644
--- a/frontend/frontend/src/pages/Home/stages/Display.js
+++ b/frontend/frontend/src/pages/Home/stages/Display.js
@@ -29,7 +29,7 @@ const DisplayStage = ({ userId, themeSuffix }) => {
 
   const copyUrl = () => {
     navigator.clipboard.writeText(
-      `https://${HOST}/api${themeSuffix}&username=${userId}`,
+      `https://${HOST}/api${themeSuffix}`,
     );
     toast.info('Copied to Clipboard!', {
       position: 'bottom-right',
diff --git a/frontend/frontend/src/pages/Home/stages/SelectCard.js b/frontend/frontend/src/pages/Home/stages/SelectCard.js
index 837972b7..2b87bfbc 100644
--- a/frontend/frontend/src/pages/Home/stages/SelectCard.js
+++ b/frontend/frontend/src/pages/Home/stages/SelectCard.js
@@ -16,11 +16,13 @@ const SelectCardStage = ({ selectedCard, setSelectedCard, setImageSrc }) => {
           description: 'your overall GitHub statistics',
           imageSrc: `?&username=${userId}`,
           cardType: 'stats',
+          demoCustomization: '',
         },
         {
           title: 'Top Languages Card',
           description: 'your most frequently used languages',
-          imageSrc: `/top-langs?&username=${userId}&langs_count=4`,
+          imageSrc: `/top-langs?&username=${userId}`,
+          demoCustomization: '&langs_count=4',
           cardType: 'top-langs',
         },
         {
@@ -28,6 +30,7 @@ const SelectCardStage = ({ selectedCard, setSelectedCard, setImageSrc }) => {
           description:
             'pin more than 6 repositories in your profile using a GitHub profile readme',
           imageSrc: '/pin?repo=anuraghazra/github-readme-stats',
+          demoCustomization: '',
           cardType: 'pin',
         },
         {
@@ -35,12 +38,14 @@ const SelectCardStage = ({ selectedCard, setSelectedCard, setImageSrc }) => {
           description:
             'pin gists in your GitHub profile using a GitHub profile readme',
           imageSrc: '/gist?id=bbfce31e0217a3689c8d961a356cb10d',
+          demoCustomization: '',
           cardType: 'gist',
         },
         {
           title: 'WakaTime Stats Card',
           description: 'your coding activity from WakaTime',
-          imageSrc: '/wakatime?username=ffflabs&langs_count=6&card_width=450',
+          imageSrc: '/wakatime?username=ffflabs',
+          demoCustomization: '&langs_count=6&card_width=450',
           cardType: 'wakatime',
         },
       ].map((card, index) => (
@@ -56,7 +61,7 @@ const SelectCardStage = ({ selectedCard, setSelectedCard, setImageSrc }) => {
           <Card
             title={card.title}
             description={card.description}
-            imageSrc={card.imageSrc}
+            imageSrc={card.imageSrc + card.demoCustomization}
             selected={selectedCard === card.cardType}
             fixedSize="true"
           />