edits: moved to components, revised some parameters

moonshotcollective · Mar 29, 2022 · 4e2f8be · 4e2f8be
1 parent 2adee70
commit 4e2f8be
Show file tree

Hide file tree

Showing 9 changed files with 585 additions and 345 deletions.
diff --git a/packages/react-app/package.json b/packages/react-app/package.json
@@ -26,6 +26,7 @@
     "@ceramicstudio/idx": "^0.12.2",
     "@ceramicstudio/idx-tools": "^0.11.0",
     "@chakra-ui/color-mode": "^1.1.12",
+    "@chakra-ui/core": "^0.8.0",
     "@chakra-ui/icons": "^1.0.15",
     "@chakra-ui/react": "^1.6.8",
     "@chakra-ui/theme-tools": "^1.2.1",

diff --git a/packages/react-app/src/App.jsx b/packages/react-app/src/App.jsx
@@ -425,18 +425,7 @@ function App(props) {
                 />
               </Route>
               <Route path="/faq">
-                <FAQ
-                  address={address}
-                  tx={tx}
-                  targetNetwork={targetNetwork}
-                  readContracts={readContracts}
-                  writeContracts={writeContracts}
-                  mainnetProvider={mainnetProvider}
-                  setPartyName={setPartyName}
-                  partyName={partyName}
-                  partyJson={partyJson}
-                  setPartyJson={setPartyJson}
-                />
+                <FAQ />
               </Route>
               <Route path="/create">
                 <Create

diff --git a/packages/react-app/src/components/layout/Footer.jsx b/packages/react-app/src/components/layout/Footer.jsx
@@ -11,8 +11,6 @@ const Footer = () => {
         <Text fontSize={"xs"} color="grey">
           {process.env.REACT_APP_VERSION}
         </Text>
-        <Link href="https://dev.pay.party/faq" isExternal m="2"> FAQ Page <ExternalLinkIcon mx="2px" />
-        </Link>
         <Spacer />
         <Link href="https://gitcoin.co/" target="_blank" rel="noopener noreferrer">
           {colorMode === "light" ? (
@@ -65,6 +63,11 @@ const Footer = () => {
             color="#6F3FF5"
           />
         </Link>
+        <Center height="42px" paddingLeft={4} paddingRight={3}>
+          <Divider orientation="vertical" />
+        </Center>
+        <Link href="https://dev.pay.party/faq" isExternal m="2"> FAQ <ExternalLinkIcon mx="2px" />
+        </Link>
       </Flex>
     </Box>
   );