feat: Finish Developer section

paymentsds · Dec 10, 2020 · 88220f7 · 88220f7
1 parent eea80da
commit 88220f7
Show file tree

Hide file tree

Showing 4 changed files with 87 additions and 56 deletions.
diff --git a/.docz/app/db.json b/.docz/app/db.json
@@ -466,114 +466,114 @@
       ]
     },
     {
-      "key": "src/components/Details/Terminal.jsx",
+      "key": "src/components/Button/index.jsx",
       "value": [
         {
           "description": "",
-          "displayName": "Terminal",
+          "displayName": "Button",
           "methods": [],
-          "actualName": "Terminal"
+          "actualName": "Button"
         }
       ]
     },
     {
-      "key": "src/components/Footer/index.jsx",
+      "key": "src/components/Card/index.jsx",
       "value": [
         {
           "description": "",
-          "displayName": "Footer",
+          "displayName": "Cards",
           "methods": [],
-          "actualName": "Footer"
+          "actualName": "Cards"
         }
       ]
     },
     {
-      "key": "src/components/Header/index.jsx",
+      "key": "src/components/Description/Developers.jsx",
       "value": [
         {
           "description": "",
-          "displayName": "Header",
+          "displayName": "Developers",
           "methods": [],
-          "actualName": "Header",
-          "props": {
-            "siteTitle": {
-              "type": {
-                "name": "string"
-              },
-              "required": false,
-              "description": "",
-              "defaultValue": {
-                "value": "``",
-                "computed": false
-              }
-            }
-          }
+          "actualName": "Developers"
         }
       ]
     },
     {
-      "key": "src/components/Home/index.jsx",
+      "key": "src/components/Description/index.jsx",
       "value": [
         {
           "description": "",
-          "displayName": "Home",
+          "displayName": "Description",
           "methods": [],
-          "actualName": "Home"
+          "actualName": "Description"
         }
       ]
     },
     {
-      "key": "src/components/Description/index.jsx",
+      "key": "src/components/Details/Terminal.jsx",
       "value": [
         {
           "description": "",
-          "displayName": "Description",
+          "displayName": "Terminal",
           "methods": [],
-          "actualName": "Description"
+          "actualName": "Terminal"
         }
       ]
     },
     {
-      "key": "src/components/Description/Developers.jsx",
+      "key": "src/components/Details/index.jsx",
       "value": [
         {
           "description": "",
-          "displayName": "Developers",
+          "displayName": "DetailsTexts",
           "methods": [],
-          "actualName": "Developers"
+          "actualName": "DetailsTexts"
         }
       ]
     },
     {
-      "key": "src/components/Button/index.jsx",
+      "key": "src/components/Footer/index.jsx",
       "value": [
         {
           "description": "",
-          "displayName": "Button",
+          "displayName": "Footer",
           "methods": [],
-          "actualName": "Button"
+          "actualName": "Footer"
         }
       ]
     },
     {
-      "key": "src/components/Details/index.jsx",
+      "key": "src/components/Header/index.jsx",
       "value": [
         {
           "description": "",
-          "displayName": "DetailsTexts",
+          "displayName": "Header",
           "methods": [],
-          "actualName": "DetailsTexts"
+          "actualName": "Header",
+          "props": {
+            "siteTitle": {
+              "type": {
+                "name": "string"
+              },
+              "required": false,
+              "description": "",
+              "defaultValue": {
+                "value": "``",
+                "computed": false
+              }
+            }
+          }
         }
       ]
     },
     {
-      "key": "src/components/Card/index.jsx",
+      "key": "src/components/Home/index.jsx",
       "value": [
         {
           "description": "",
-          "displayName": "Cards",
+          "displayName": "Home",
           "methods": [],
-          "actualName": "Cards"
+          "actualName": "Home"
         }
       ]
     }

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "editor.formatOnSave": true
+}
diff --git a/src/components/Description/Developers.jsx b/src/components/Description/Developers.jsx
@@ -1,8 +1,9 @@
 import React from "react"
-import {Link} from "gatsby"
+import { Link } from "gatsby"
 
 import styles from "./developers.module.css"
 import devImage from "../../images/developerImage.svg"
+import Button from "../Button"
 
 const Developers = () => {
   return (
@@ -15,9 +16,26 @@ const Developers = () => {
           <h2>Começando</h2>
         </div>
         <div className={styles.texts}>
-        <p>
-        Obtenha as chaves da API de integração.<br/> Paymentsds autentica todas as solicitações de API usando as chaves de API de integração.<br/> Você precisará das chaves de API para fazer solicitações à API com êxito.<br/> Você pode criar integrações e chaves por meio do Painel, <span><Link to="/page-2">conforme descrito aqui</Link></span>
-        </p>
+          <p>
+            Obtenha as chaves da API de integração.
+            <br /> Paymentsds autentica todas as solicitações de API usando as
+            chaves de API de integração.
+            <br /> Você precisará das chaves de API para fazer solicitações à
+            API com êxito.
+            <br /> Você pode criar integrações e chaves por meio do Painel,{" "}
+            <span>
+              <Link to="/page-2">conforme descrito aqui</Link>
+            </span>
+          </p>
+        </div>
+        <div className={styles.buttonsContainer}>
+          <Link to="/docs">
+            <Button text="Ver o Repositório" />
+          </Link>
+
+          <Link to="https://github.com/paymentsds">
+            <Button text="Ver a Documentação" />
+          </Link>
         </div>
       </div>
       <div className={styles.image}>

diff --git a/src/components/Description/developers.module.css b/src/components/Description/developers.module.css
@@ -1,25 +1,35 @@
 .container {
-    display: grid;
-    gap: 10px;
-    grid-template-columns: repeat(auto-fit, 575px);
-    align-items: center;
+  display: grid;
+  gap: 10px;
+  grid-template-columns: repeat(auto-fit, 575px);
+  align-items: center;
 }
 
 .title > h1 {
-    font-size: 42px;
-    font-weight: 600;
+  font-size: 42px;
+  font-weight: 600;
 }
 
 .subTitle > h2 {
-    margin: 40px 0;
-    font-size: 32px;
-    font-weight: 300;
+  margin: 40px 0;
+  font-size: 32px;
+  font-weight: 300;
 }
 
 a {
-    color: inherit;
+  color: inherit;
 }
 
 .texts > p {
-    line-height: 30px;
-}
+  line-height: 30px;
+}
+
+.buttonsContainer {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+
+.buttonsContainer a {
+  text-decoration: none;
+}