From e280e873424d6e92839e64d274997e51c1c135ed Mon Sep 17 00:00:00 2001
From: enes <mulahasanovic@outlook.com>
Date: Fri, 2 Aug 2024 17:47:21 +0200
Subject: [PATCH] fix: footer buttons

center text within buttons, buttons container centered, add links to docs and source
---
 src/components/Footer/Footer.tsx | 28 +++++++++++-----------------
 src/routes/index.tsx             |  3 ++-
 2 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 3822d32..eac4166 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -3,6 +3,7 @@ import { Link } from 'react-router-dom'
 import styles from './style.module.scss'
 import { Container } from '../Container'
 import nostrImage from '../../assets/images/nostr.gif'
+import { appPublicRoutes } from '../../routes'
 
 export const Footer = () => (
   <footer className={`${styles.borderTop} ${styles.footer}`}>
@@ -16,7 +17,7 @@ export const Footer = () => (
         sx={{
           gridTemplateColumns: {
             xs: '1fr',
-            md: '0.5fr 1.75fr 0.75fr'
+            md: '0.5fr 2fr 0.5fr'
           },
           alignItems: {
             xs: 'center',
@@ -61,10 +62,7 @@ export const Footer = () => (
         >
           <Button
             sx={{
-              justifyContent: {
-                xs: 'center',
-                sm: 'start'
-              }
+              justifyContent: 'center'
             }}
             component={Link}
             to={'/'}
@@ -74,26 +72,22 @@ export const Footer = () => (
           </Button>
           <Button
             sx={{
-              justifyContent: {
-                xs: 'center',
-                sm: 'start'
-              }
+              justifyContent: 'center'
             }}
-            component={Link}
-            to={'/#'}
+            component={LinkMui}
+            href={appPublicRoutes.docs}
+            target="_blank"
             variant={'text'}
           >
             Documentation
           </Button>
           <Button
             sx={{
-              justifyContent: {
-                xs: 'center',
-                sm: 'start'
-              }
+              justifyContent: 'center'
             }}
-            component={Link}
-            to={'/#'}
+            component={LinkMui}
+            href={appPublicRoutes.source}
+            target="_blank"
             variant={'text'}
           >
             Source
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 9f811d5..2d36db1 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -32,7 +32,8 @@ export const appPublicRoutes = {
   register: '/login/register',
   nostr: '/login/nostr',
   verify: '/verify',
-  source: 'https://git.sigit.io/sig/it'
+  source: 'https://git.sigit.io/sig/it',
+  docs: 'https://docs.sigit.io'
 }
 
 export const getProfileRoute = (hexKey: string) =>