diff --git a/frontend/frontend/src/pages/Home/Home.js b/frontend/frontend/src/pages/Home/Home.js index 91bdd2be..3acdcff9 100644 --- a/frontend/frontend/src/pages/Home/Home.js +++ b/frontend/frontend/src/pages/Home/Home.js @@ -40,17 +40,13 @@ const HomeScreen = () => { const [selectedLayout, setSelectedLayout] = useState(DEFAULT_LAYOUT); const [showTitle, setShowTitle] = useState(true); + const [showOwner, setShowOwner] = useState(false); const [customTitle, setCustomTitle] = useState(''); const [langsCount, setLangsCount] = useState(); const [enableAnimations, setEnableAnimations] = useState(true); const resetCustomization = () => { // setUsePercent(false); - if (selectedCard === CardTypes.GIST) { - setEnableAnimations(false); - } else { - setEnableAnimations(true); - } if (theme === 'default' || theme === 'default_repocard') { if (selectedCard === CardTypes.PIN || selectedCard === CardTypes.GIST) { setTheme('default_repocard'); @@ -78,6 +74,10 @@ const HomeScreen = () => { fullSuffix += '&hide_title=true'; } + if (showOwner) { + fullSuffix += '&show_owner=true'; + } + if (customTitle) { const encodedTitle = encodeURIComponent(customTitle); fullSuffix += `&custom_title=${encodedTitle}`; @@ -192,6 +192,8 @@ const HomeScreen = () => { setSelectedLayout={setSelectedLayout} showTitle={showTitle} setShowTitle={setShowTitle} + showOwner={showOwner} + setShowOwner={setShowOwner} customTitle={customTitle} setCustomTitle={setCustomTitle} langsCount={langsCount} diff --git a/frontend/frontend/src/pages/Home/stages/Customize.js b/frontend/frontend/src/pages/Home/stages/Customize.js index a7795e82..3086d65b 100644 --- a/frontend/frontend/src/pages/Home/stages/Customize.js +++ b/frontend/frontend/src/pages/Home/stages/Customize.js @@ -13,6 +13,8 @@ const CustomizeStage = ({ setSelectedLayout, showTitle, setShowTitle, + showOwner, + setShowOwner, customTitle, setCustomTitle, langsCount, @@ -59,7 +61,9 @@ const CustomizeStage = ({ setSelectedOption={setSelectedLayout} /> )} - {cardType !== CardTypes.PIN && ( + {(cardType === CardTypes.STATS || + cardType === CardTypes.TOP_LANGS || + cardType === CardTypes.WAKATIME) && ( )} + {cardType === CardTypes.PIN && ( + + )}
@@ -84,6 +97,8 @@ CustomizeStage.propTypes = { setSelectedLayout: PropTypes.func.isRequired, showTitle: PropTypes.bool.isRequired, setShowTitle: PropTypes.func.isRequired, + showOwner: PropTypes.bool.isRequired, + setShowOwner: PropTypes.func.isRequired, customTitle: PropTypes.string.isRequired, setCustomTitle: PropTypes.func.isRequired, langsCount: PropTypes.number.isRequired,