Added proper social links to footer

Closes #168
podkrepi-bg · Apr 17, 2021 · 0dcaba1 · 0dcaba1
1 parent 06d1290
commit 0dcaba1
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 17 deletions.
diff --git a/src/common/routes.ts b/src/common/routes.ts
@@ -12,6 +12,14 @@ export const staticUrls = {
   devDocs: 'https://docs.podkrepi.bg/development',
 }
 
+export const socialUrls = {
+  facebook: 'https://www.facebook.com/podkrepi.bg',
+  twitter: '/',
+  linkedin: 'https://www.linkedin.com/company/podkrepibg',
+  youtube: 'https://www.youtube.com/channel/UCt5pYR0DkOCfjlY17awY8pA',
+  instagram: '/',
+}
+
 export const routes = {
   index: '/',
   about: '/about',

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
@@ -1,12 +1,11 @@
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { useTranslation } from 'next-i18next'
-
 import { Grid, Container, createStyles, makeStyles, lighten } from '@material-ui/core'
 import { Instagram, Facebook, Twitter, LinkedIn, YouTube } from '@material-ui/icons'
 
 import PodkrepiLogo from 'components/brand/PodkrepiLogo'
-import { routes, staticUrls } from 'common/routes'
+import { routes, socialUrls, staticUrls } from 'common/routes'
 
 const useStyles = makeStyles((theme) =>
   createStyles({
@@ -112,14 +111,6 @@ const footerItems: FooterLink[][] = [
   ],
 ]
 
-const socialLinks = {
-  facebook: '/',
-  twitter: '/',
-  linkedin: '/',
-  youtube: '/',
-  instagram: '/',
-}
-
 export default function Footer() {
   const { t } = useTranslation()
   const classes = useStyles()
@@ -135,21 +126,21 @@ export default function Footer() {
             </a>
           </Link>
           <div className={classes.socialContainer}>
-            <a href={socialLinks.facebook} target="_blank" rel="noreferrer noopener">
+            <a href={socialUrls.facebook} target="_blank" rel="noreferrer noopener">
               <Facebook className={classes.socialLink} />
             </a>
-            <a href={socialLinks.twitter} target="_blank" rel="noreferrer noopener">
+            {/* <a href={socialUrls.twitter} target="_blank" rel="noreferrer noopener">
               <Twitter className={classes.socialLink} />
-            </a>
-            <a href={socialLinks.linkedin} target="_blank" rel="noreferrer noopener">
+            </a> */}
+            <a href={socialUrls.linkedin} target="_blank" rel="noreferrer noopener">
               <LinkedIn className={classes.socialLink} />
             </a>
-            <a href={socialLinks.youtube} target="_blank" rel="noreferrer noopener">
+            <a href={socialUrls.youtube} target="_blank" rel="noreferrer noopener">
               <YouTube className={classes.socialLink} />
             </a>
-            <a href={socialLinks.instagram} target="_blank" rel="noreferrer noopener">
+            {/* <a href={socialUrls.instagram} target="_blank" rel="noreferrer noopener">
               <Instagram className={classes.socialLink} />
-            </a>
+            </a> */}
           </div>
           <span className={classes.copyrights}>{t('footerCopyrights')}</span>
         </Grid>