diff --git a/frontend/frontend/src/pages/Home/Home.js b/frontend/frontend/src/pages/Home/Home.js index d5668059..a71bfc5a 100644 --- a/frontend/frontend/src/pages/Home/Home.js +++ b/frontend/frontend/src/pages/Home/Home.js @@ -278,7 +278,7 @@ const HomeScreen = () => { } - {stage === 0 && } + {stage === 0 && } {stage === 1 && ( { +const LoginStage = ({ setCurrItem }) => { const items = [ { url: GITHUB_PUBLIC_AUTH_URL, label: 'GitHub Public Access\u00A0', description: 'Generate stats based on your public repositories.', - buttonClassName: - 'h-12 flex justify-center items-center text-white bg-blue-500 hover:bg-blue-600', + buttonClassName: 'text-white bg-blue-500 hover:bg-blue-600', + onClick: null, }, { url: GITHUB_PRIVATE_AUTH_URL, @@ -25,7 +25,18 @@ const LoginStage = ({}) => { description: 'Includes contributions in your private repositories for more complete and accurate stats.', buttonClassName: - 'h-12 flex justify-center items-center text-black border border-black bg-white hover:bg-gray-100', + 'text-black border border-black bg-white hover:bg-gray-100', + onClick: null, + }, + { + url: null, + label: 'Continue as Guest', + description: 'TODO', + buttonClassName: + 'text-black border border-black bg-white hover:bg-gray-100', + onClick: () => { + setCurrItem(1); + }, }, ]; @@ -34,20 +45,26 @@ const LoginStage = ({}) => { {items.map((item, index) => ( {index > 0 && } - - - - - {item.label} - - + + {item.url && ``} + + + {item.label} + + {item.url && ''} {item.description} @@ -123,8 +140,8 @@ const LoginStage = ({}) => { ); }; -LoginStage.propTypes = {}; - -LoginStage.defaultProps = {}; +LoginStage.propTypes = { + setCurrItem: PropTypes.func.isRequired, +}; export default LoginStage;