From 7073442cb179ab6f8fce23d5d49a707b3bf3dd08 Mon Sep 17 00:00:00 2001
From: Carlos Azaustre <cazaustre@gmail.com>
Date: Sun, 11 Jul 2021 17:32:57 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20add=20links=20from=20dashbo?=
 =?UTF-8?q?ard=20(#9)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* add button to create links
* minor changes
* remove host on short url list
---
 components/Footer.js |  6 +++---
 components/Nav.js    | 19 +++++++++++++++++++
 pages/dashboard.js   |  5 +----
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/components/Footer.js b/components/Footer.js
index d9d6076..91352cc 100644
--- a/components/Footer.js
+++ b/components/Footer.js
@@ -10,10 +10,10 @@ export function Footer() {
         justify="center"
         textAlign="center">
         <Text fontSize="sm" color="gray.500">
-          Powered by{" "}
+          Made by{" "}
           <span role="img" aria-label="love">
             ❤️
-          </span>{" "}
+          </span>
           &amp;{" "}
           <span role="img" aria-label="code">
             💻
@@ -21,7 +21,7 @@ export function Footer() {
           by <Link href="//carlosazaustre.es">Carlos Azaustre</Link>
         </Text>
         <Text fontSize="xs" color="gray.500">
-          Hosted on <Link href="//vercel.com">Vercel</Link> &{" "}
+          Powered by <Link href="//vercel.com">Vercel</Link> &{" "}
           <Link href="/zipuc3s">Digital Ocean</Link>
         </Text>
       </Flex>
diff --git a/components/Nav.js b/components/Nav.js
index 7cb3e09..ae5aa5c 100644
--- a/components/Nav.js
+++ b/components/Nav.js
@@ -1,4 +1,5 @@
 import { useUser } from "@auth0/nextjs-auth0";
+import { AddIcon } from "@chakra-ui/icons";
 import { Flex, LinkBox, LinkOverlay, Text } from "@chakra-ui/react";
 
 export function Nav() {
@@ -17,6 +18,23 @@ export function Nav() {
       justify="flex-end"
       align="center">
       <Text mr={4}>Hi, {user.email}!</Text>
+
+      <LinkBox
+        borderWidth="1px"
+        borderColor="purple.500"
+        px={4}
+        py={2}
+        mr={4}
+        lineHeight={6}
+        rounded="lg"
+        maxW="md"
+        _hover={{ bg: "purple.500", color: "white" }}>
+        <AddIcon />
+        <LinkOverlay ml={2} href="/">
+          Create Link
+        </LinkOverlay>
+      </LinkBox>
+
       <LinkBox
         borderWidth="1px"
         borderColor="purple.500"
@@ -28,6 +46,7 @@ export function Nav() {
         _hover={{ bg: "purple.500", color: "white" }}>
         <LinkOverlay href="/dashboard">My Links</LinkOverlay>
       </LinkBox>
+
       <LinkBox
         borderWidth="1px"
         borderColor="purple.500"
diff --git a/pages/dashboard.js b/pages/dashboard.js
index 62ddfa7..1e212e5 100644
--- a/pages/dashboard.js
+++ b/pages/dashboard.js
@@ -56,10 +56,7 @@ export default function Dashboard({ links }) {
                   </Td>
                   <Td>
                     <LinkIcon color="purple.500" />
-                    <Link
-                      ml={2}
-                      color="purple.500"
-                      href={`//czstr.link/${link.shortUrl}`}>
+                    <Link ml={2} color="purple.500" href={`/${link.shortUrl}`}>
                       czstr.link/<strong>{link.shortUrl}</strong>
                     </Link>
                   </Td>