From 253ecbec18d5938627d74105d48e3edc2a61cd3b Mon Sep 17 00:00:00 2001
From: Teto Gomez <terencio17@rocketmail.com>
Date: Mon, 17 Oct 2022 21:35:56 -0600
Subject: [PATCH] fix(webapp): fix twitter card for mobile version and styling
 footer (#121)

---
 src/components/Home/Bottom/styles.ts   |  7 +++++--
 src/components/Layout/Footer/index.tsx |  8 ++++----
 src/components/Layout/Footer/styles.ts | 19 ++++++++++++++++---
 src/utils/genesis-eden.ts              |  4 +++-
 4 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/src/components/Home/Bottom/styles.ts b/src/components/Home/Bottom/styles.ts
index 614ecb4..a8dc2b0 100644
--- a/src/components/Home/Bottom/styles.ts
+++ b/src/components/Home/Bottom/styles.ts
@@ -9,8 +9,11 @@ const Styles = makeStyles(theme => ({
   },
   wrapperGrid: {
     paddingBottom: theme.spacing(4),
-    maxWidth: '100%',
-    margin: '0 auto'
+    width: '100%',
+    margin: '0 auto',
+    [theme.breakpoints.up('sm')]: {
+      width: 600
+    }
   },
   gridRow: {
     display: 'flex',
diff --git a/src/components/Layout/Footer/index.tsx b/src/components/Layout/Footer/index.tsx
index 13ee62f..f062dc6 100644
--- a/src/components/Layout/Footer/index.tsx
+++ b/src/components/Layout/Footer/index.tsx
@@ -1,4 +1,4 @@
-import { Typography, Box, Link } from '@mui/material'
+import { Typography, Link } from '@mui/material'
 import { Footer } from '@edenia/ui-kit'
 import Image from 'next/image'
 import { useTheme } from '@mui/styles'
@@ -19,7 +19,7 @@ const FooterComp: React.FC<FooterCompType> = ({ showWhite }) => {
   const theme = useTheme()
 
   return (
-    <Box className={classes.root}>
+    <div className={classes.footerRoot}>
       <Footer
         socialMediaItems={
           !showWhite ? constantConfig?.footer?.socialMediaItems : undefined
@@ -31,7 +31,7 @@ const FooterComp: React.FC<FooterCompType> = ({ showWhite }) => {
             </div>
             <Typography variant='caption' color={theme.palette.grey[600]}>
               <Link href='https://edenia.com' color={theme.palette.grey[600]}>
-                Hosted by Edenia{' '}
+                {`Hosted by Edenia `}
               </Link>
               - Community Owned
             </Typography>
@@ -41,7 +41,7 @@ const FooterComp: React.FC<FooterCompType> = ({ showWhite }) => {
         bgColor={!showWhite ? '#343434' : '#FFFFFF'}
         color={!showWhite ? '#FFFFFF' : '#262626'}
       />
-    </Box>
+    </div>
   )
 }
 
diff --git a/src/components/Layout/Footer/styles.ts b/src/components/Layout/Footer/styles.ts
index fa25d2c..f465ff7 100644
--- a/src/components/Layout/Footer/styles.ts
+++ b/src/components/Layout/Footer/styles.ts
@@ -1,14 +1,27 @@
 import { makeStyles } from '@mui/styles'
 
 const Styles = makeStyles(theme => ({
-  root: {
+  footerRoot: {
     width: '100%',
-    backgroundColor: theme.palette.grey[600]
+    backgroundColor: theme.palette.grey[600],
+    '& .footer-item-style': {
+      color: 'rgba(163,163,163,1) !important',
+      fontSize: '16px !important',
+      margin: '2px 0'
+    },
+    '& .footer-item-title': {
+      letterSpacing: '.1em',
+      fontSize: '.875rem',
+      lineHeight: '1.25rem'
+    }
   },
   footerContainer: {
     display: 'flex',
     justifyContent: 'center',
-    alignItems: 'center'
+    alignItems: 'center',
+    '& .MuiTypography-caption': {
+      fontSize: '16px !important'
+    }
   },
   paddinR: {
     paddingRight: theme.spacing(0.5)
diff --git a/src/utils/genesis-eden.ts b/src/utils/genesis-eden.ts
index d74a487..691d917 100644
--- a/src/utils/genesis-eden.ts
+++ b/src/utils/genesis-eden.ts
@@ -85,11 +85,12 @@ export const classifyMemberRank = (
   switch (true) {
     case RankType.Member === memberType:
       label = 'Member'
-      voteWeight = '4'
+      voteWeight = '1'
       break
 
     case RankType.N === memberType:
       label = `Level ${rank} Delegate`
+      voteWeight = '4'
       break
 
     case RankType.Chief === memberType:
@@ -100,6 +101,7 @@ export const classifyMemberRank = (
 
     default:
       label = 'Head Chief Delegate'
+      voteWeight = '16'
       break
   }