diff --git a/frontend/frontend/src/components/Home/StatsRankSection.js b/frontend/frontend/src/components/Home/StatsRankSection.js index e7eee41c..74561c8a 100644 --- a/frontend/frontend/src/components/Home/StatsRankSection.js +++ b/frontend/frontend/src/components/Home/StatsRankSection.js @@ -20,8 +20,8 @@ const StatsRankSection = ({ selectedOption, setSelectedOption }) => { ]; return ( -
-

Select a card layout.

+
+

Select a rank style.

{ const [usePercent, setUsePercent] = useState(false); const resetCustomization = () => { - // setUsePercent(false); + if (selectedCard === CardTypes.TOP_LANGS) { + setLangsCount(4); + } + if (selectedCard === CardTypes.WAKATIME) { + setLangsCount(6); + } + if (selectedCard === CardTypes.TOP_LANGS) { setSelectedWakatimeLayout(WAKATIME_DEFAULT_LAYOUT); } if (selectedCard === CardTypes.WAKATIME) { setSelectedLanguagesLayout(LANGUAGES_DEFAULT_LAYOUT); } + if (theme === 'default' || theme === 'default_repocard') { if (selectedCard === CardTypes.PIN || selectedCard === CardTypes.GIST) { setTheme('default_repocard'); diff --git a/frontend/frontend/src/pages/Home/stages/Customize.js b/frontend/frontend/src/pages/Home/stages/Customize.js index ed132c13..1fd11be6 100644 --- a/frontend/frontend/src/pages/Home/stages/Customize.js +++ b/frontend/frontend/src/pages/Home/stages/Customize.js @@ -43,6 +43,71 @@ const CustomizeStage = ({ return (
+ {cardType === CardTypes.STATS && ( + + )} + {cardType === CardTypes.STATS && ( + + )} + {cardType === CardTypes.STATS && ( + + )} + {cardType === CardTypes.STATS && ( + + )} + {cardType === CardTypes.TOP_LANGS && ( + + )} + {cardType === CardTypes.WAKATIME && ( + + )} + {(cardType === CardTypes.TOP_LANGS || + cardType === CardTypes.WAKATIME) && ( + + )} + {cardType === CardTypes.WAKATIME && ( + + )} {(cardType === CardTypes.STATS || cardType === CardTypes.TOP_LANGS || cardType === CardTypes.WAKATIME) && ( @@ -63,35 +128,6 @@ const CustomizeStage = ({ setValue={setCustomTitle} /> )} - {(cardType === CardTypes.TOP_LANGS || - cardType === CardTypes.WAKATIME) && ( - - )} - {cardType === CardTypes.STATS && ( - - )} - {cardType === CardTypes.TOP_LANGS && ( - - )} - {cardType === CardTypes.WAKATIME && ( - - )} {(cardType === CardTypes.STATS || cardType === CardTypes.TOP_LANGS || cardType === CardTypes.WAKATIME) && ( @@ -122,42 +158,6 @@ const CustomizeStage = ({ max={3} /> )} - {cardType === CardTypes.WAKATIME && ( - - )} - {cardType === CardTypes.STATS && ( - - )} - {cardType === CardTypes.STATS && ( - - )} - {cardType === CardTypes.STATS && ( - - )}