Issue 86 edit button (#88)

* v2.0.0 (#26)

* install next

* ejected

* feat: SSR

* fix: typescript errors

* fix: share url

* Fixes #15

* Add website name to each page title

* better seo

* feat: edit button

* fix: z-index issue

src/components/Layout.tsx

@@ -49,6 +49,7 @@ const Nav = styled.nav`
   height: 100vh;
   background: white;
   padding: 20px;
+  z-index: 100;
 `
 const Main = styled.main`
   min-height: calc(100vh - 222px - 60px);
@@ -125,6 +126,7 @@ const AuthenticationMenu = styled.div`
   background: var(--background);
   border: 1px solid var(--accent);
   transition: all 200ms ease;
+  z-index: 100;
 `
 
 const Layout: FunctionComponent = ({ children }) => {

src/components/elements.ts

@@ -47,6 +47,7 @@ export const PrimaryLink = styled(Link)`
   text-transform: lowercase;
   transition: all 200ms ease;
   text-decoration: none;
+  text-align: center;
   &:hover {
     background: var(--mainDark);
   }

src/views/ListTemplateLetters/ListTemplateLetters.tsx

@@ -4,10 +4,9 @@ import styled from "styled-components"
 import { useMetaData } from "../../context/MetaData"
 import { useTemplate } from "../../context/TemplateContext"
 import ErrorMessage from "../../components/ErrorMessage"
-import Layout from "../../components/Layout"
 import SEO from "../../components/SEO"
 import { format } from "date-fns"
-import { PrimaryButton, SecondaryButton } from "../../components/elements"
+import { SecondaryButton, PrimaryLink } from "../../components/elements"
 
 const Wrapper = styled.div`
   padding: 2rem;
@@ -108,7 +107,7 @@ const ListTemplateLetters = (props: RouteComponentProps) => {
                 </TemplateDate>
                 <TemplatePanel>
                   <TemplateControls>
-                    <PrimaryButton>Edit</PrimaryButton>
+                    <PrimaryLink to={`/registered-letters/${t.id}`}>Edit</PrimaryLink>
                     <SecondaryButton>Delete</SecondaryButton>
                   </TemplateControls>
                   <TemplateDetails>