From d77506e5206e4d3009a56b94963aa90159d07353 Mon Sep 17 00:00:00 2001
From: Mateusz Tylka <mattyl@st.amu.edu.pl>
Date: Fri, 3 Feb 2023 12:53:28 +0100
Subject: [PATCH] challenges page on mobile

---
 src/pages/Challanges/Challenges.js | 102 ++++++++++++++---------------
 1 file changed, 51 insertions(+), 51 deletions(-)

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