Merge pull request #697 from violetforest/feature/faq-visibility

Feature/faq visibility

Author: crzypatchwork

src/components/header/index.js

@@ -146,6 +146,11 @@ export const Header = () => {
                         <Primary>about</Primary>
                       </Button>
                     </li>
+                    <li>
+                      <Button onClick={() => handleRoute('/faq')}>
+                        <Primary>faq</Primary>
+                      </Button>
+                    </li>
                   </ul>
                 </nav>
               </Padding>

src/constants.js

@@ -18,6 +18,7 @@ export const PATH = {
   FEED: '/',
   ISSUER: '/tz',
   ABOUT: '/about',
+  FAQ: '/faq',
   SYNC: '/sync',
   MINT: '/mint',
   OBJKT: '/objkt',

src/pages/faq/index.js

@@ -0,0 +1,115 @@
+import React, { Component } from 'react'
+import { Page, Container, Padding } from '../../components/layout'
+import { Button, Primary } from '../../components/button'
+import { HicetnuncContext } from '../../context/HicetnuncContext'
+import styles from './styles.module.scss'
+
+export class FAQ extends Component {
+  static contextType = HicetnuncContext
+
+  state = {
+    reveal: false,
+  }
+
+  reveal = () => {
+    this.setState({
+      reveal: !this.state.reveal,
+    })
+  }
+
+  render() {
+    return (
+      <Page title="faq" large>
+        <Container>
+          <Padding>
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/Getting-Started-with-Tezos">
+                <Primary>
+                  <strong>how do I get tezos/make a wallet?</strong>
+                </Primary>
+              </Button>
+            </div>
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/Introduction">
+                <Primary>
+                  <strong>how do I mint?</strong>
+                </Primary>
+              </Button>
+            </div>
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/Edit-your-profile">
+                <Primary>
+                  <strong>how do I edit my profile?</strong>
+                </Primary>
+              </Button>
+            </div>
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/How-to-swap-%F0%9F%94%83">
+                <Primary>
+                  <strong>how do I add/change the price of my OBJKT?</strong>
+                </Primary>
+              </Button>
+            </div>    
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/How-to-burn-%F0%9F%94%A5">
+                <Primary>
+                  <strong>how do I burn my OBJKT?</strong>
+                </Primary>
+              </Button>
+            </div>     
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/How-to-resell-%F0%9F%8F%AA">
+                <Primary>
+                  <strong>how do I resell an OBJKT?</strong>
+                </Primary>
+              </Button>
+            </div>
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/hDAO">
+                <Primary>
+                  <strong>what is hDAO ○?</strong>
+                </Primary>
+              </Button>
+            </div>                
+          </Padding>
+        </Container>
+        <Container>
+          <Padding>
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/General">
+                <Primary>
+                  <strong>general faq</strong>
+                </Primary>
+              </Button>
+            </div>
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/Troubleshooting">
+                <Primary>
+                  <strong>troubleshooting</strong>
+                </Primary>
+              </Button>
+            </div>
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/Tools-made-by-the-community">
+                <Primary>
+                  <strong>useful tools</strong>
+                </Primary>
+              </Button>
+            </div>                           
+          </Padding>
+        </Container>
+        <Container>
+          <Padding>
+            <div className={styles.buttons}>
+              <Button href="https://github.com/hicetnunc2000/hicetnunc/wiki/pt:Home">
+                <Primary>
+                  <strong>português</strong>
+                </Primary>
+              </Button>
+            </div>     
+          </Padding>
+        </Container>
+      </Page>
+    )
+  }
+}

src/pages/faq/styles.module.scss

@@ -0,0 +1,4 @@
+.buttons {
+  display: flex;
+  flex-wrap: wrap;
+}

src/routes.js

@@ -1,5 +1,6 @@
 import Sync from './pages/sync'
 import { About } from './pages/about'
+import { FAQ } from './pages/faq'
 import Display from './pages/display'
 import { Latest, Hdao, Random, Featured } from './pages/feeds'
 import { Mint } from './pages/mint'
@@ -41,6 +42,11 @@ export const routes = [
     path: '/about',
     component: About,
   },
+  {
+    exact: false,
+    path: '/faq',
+    component: FAQ,
+  },
   {
     exact: false,
     path: '/sync',