s444498/gonito-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

challenges page on mobile

Browse Source
This commit is contained in:
Mateusz Tylka 2023-02-03 12:53:28 +01:00
parent ef40b7d7ff
commit d77506e520
1 changed files with 51 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
src/pages/Challanges/Challenges.js
View File

@ -83,57 +83,57 @@ const Challenges = () => {
const mobileRender = () => { const mobileRender = () => {
return ( return (
<p>siema</p> <>
// <> <FiltersMenu
// <FiltersMenu translateX={filtersMenu ? '0' : '100vw'}
// translateX={filtersMenu ? '0' : '100vw'} opacity={filtersMenu ? '1' : '0'}
// opacity={filtersMenu ? '1' : '0'} toggleFiltersMenu={toggleFiltersMenu}
// toggleFiltersMenu={toggleFiltersMenu} sortByHandler={sortByHandler}
// sortByHandler={sortByHandler} statusHandler={statusHandler}
// statusHandler={statusHandler} challengeTypeHandler={challengeTypeHandler}
// challengeTypeHandler={challengeTypeHandler} commercialHandler={commercialHandler}
// commercialHandler={commercialHandler} sortBy={sortBy}
// sortBy={sortBy} status={status}
// status={status} challengeType={challengeType}
// challengeType={challengeType} commercial={commercial}
// commercial={commercial} />
// /> <FlexColumn
// <FlexColumn as="main"
// as="main" alignmentY="flex-start"
// alignmentY="flex-start" width="100%"
// width="100%" id="start"
// minHeight="100vh" minHeight="100vh"
// padding="90px 0 32px 0" padding="90px 0 32px 0"
// > >
// <FlexColumn alignmentX="flex-start" width="80%"> <FlexColumn alignmentX="flex-start" width="80%">
// <H1 as="h1" margin="0 0 20px 0"> <H1 as="h1" margin="0 0 20px 0">
// Challenges Challenges
// </H1> </H1>
// <Search <Search
// searchQueryHandler={searchQueryHandler} searchQueryHandler={searchQueryHandler}
// filterButton filterButton
// toggleFiltersMenu={toggleFiltersMenu} toggleFiltersMenu={toggleFiltersMenu}
// /> />
// <FlexColumn width="100%"> <FlexColumn width="100%">
// <Loading visible={loading} /> <Loading visible={loading} />
// {renderChallenges()} {renderChallenges()}
// </FlexColumn> </FlexColumn>
// </FlexColumn> </FlexColumn>
// {!loading ? ( {!loading ? (
// <Pager <Pager
// pageNr={pageNr} pageNr={pageNr}
// pages={CALC_PAGES(challenges)} pages={CALC_PAGES(challenges)}
// width="48px" width="48px"
// nextPage={nextPage} nextPage={nextPage}
// previousPage={previousPage} previousPage={previousPage}
// borderRadius="64px" borderRadius="64px"
// number={`${pageNr} / ${CALC_PAGES(challenges)}`} number={`${pageNr} / ${CALC_PAGES(challenges)}`}
// /> />
// ) : ( ) : (
// '' ''
// )} )}
// </FlexColumn> </FlexColumn>
// </> </>
); );
}; };