From c997089f390a555cec2c8148d7056658032a3d44 Mon Sep 17 00:00:00 2001 From: SpaghettiOverload Date: Fri, 30 Sep 2022 12:29:02 +0300 Subject: [PATCH 01/11] Update Footer --- package.json | 1 + src/assets/vectors/discord.svg | 3 + src/assets/vectors/facebook.svg | 3 + src/assets/vectors/linkedin.svg | 3 + src/assets/vectors/medium.svg | 3 + src/assets/vectors/spotify.svg | 3 + src/assets/vectors/telegram.svg | 3 + src/assets/vectors/twitter.svg | 3 + src/assets/vectors/youtube.svg | 3 + src/components/Layout/Footer.tsx | 35 +- src/components/Layout/index.tsx | 2 +- src/components/Layout/styles.ts | 19 +- src/utils/{constants.ts => constants.tsx} | 27 + tsconfig.json | 22 +- types/custom.d.ts | 8 + vite.config.ts | 3 +- yarn.lock | 5957 ++++++++++----------- 17 files changed, 2941 insertions(+), 3157 deletions(-) create mode 100644 src/assets/vectors/discord.svg create mode 100644 src/assets/vectors/facebook.svg create mode 100644 src/assets/vectors/linkedin.svg create mode 100644 src/assets/vectors/medium.svg create mode 100644 src/assets/vectors/spotify.svg create mode 100644 src/assets/vectors/telegram.svg create mode 100644 src/assets/vectors/twitter.svg create mode 100644 src/assets/vectors/youtube.svg rename src/utils/{constants.ts => constants.tsx} (83%) create mode 100644 types/custom.d.ts diff --git a/package.json b/package.json index 8babf44..6d3307c 100644 --- a/package.json +++ b/package.json @@ -74,6 +74,7 @@ "tsconfig-paths": "^4.0.0", "typescript": "^4.6.3", "vite": "^2.9.9", + "vite-plugin-svgr": "^2.2.1", "vite-tsconfig-paths": "^3.5.0" }, "jest": { diff --git a/src/assets/vectors/discord.svg b/src/assets/vectors/discord.svg new file mode 100644 index 0000000..23c64ec --- /dev/null +++ b/src/assets/vectors/discord.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/vectors/facebook.svg b/src/assets/vectors/facebook.svg new file mode 100644 index 0000000..e174951 --- /dev/null +++ b/src/assets/vectors/facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/vectors/linkedin.svg b/src/assets/vectors/linkedin.svg new file mode 100644 index 0000000..43e7921 --- /dev/null +++ b/src/assets/vectors/linkedin.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/vectors/medium.svg b/src/assets/vectors/medium.svg new file mode 100644 index 0000000..c6e951f --- /dev/null +++ b/src/assets/vectors/medium.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/vectors/spotify.svg b/src/assets/vectors/spotify.svg new file mode 100644 index 0000000..129c9a2 --- /dev/null +++ b/src/assets/vectors/spotify.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/vectors/telegram.svg b/src/assets/vectors/telegram.svg new file mode 100644 index 0000000..78c8cd8 --- /dev/null +++ b/src/assets/vectors/telegram.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/vectors/twitter.svg b/src/assets/vectors/twitter.svg new file mode 100644 index 0000000..193f090 --- /dev/null +++ b/src/assets/vectors/twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/vectors/youtube.svg b/src/assets/vectors/youtube.svg new file mode 100644 index 0000000..4991062 --- /dev/null +++ b/src/assets/vectors/youtube.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Layout/Footer.tsx b/src/components/Layout/Footer.tsx index 172e678..d309da2 100644 --- a/src/components/Layout/Footer.tsx +++ b/src/components/Layout/Footer.tsx @@ -1,18 +1,13 @@ import { Box, Grid, Typography } from '@mui/material' import { COLORS_DARK_THEME } from 'theme/colors' +import { FOOTER } from 'utils/constants' import { styles } from './styles' -const centerLinks = [ - { text: 'All rights reserved 2022', url: 'https://www.cudos.org/' }, - { text: 'cudos.org', url: 'https://www.cudos.org/' }, - { text: 'v.02.00', url: 'https://github.com/CudoVentures/cudos-multisig-v2' }, -] - const Footer = () => { return ( - - {centerLinks.map((link) => ( + + {FOOTER.LEFT_LINKS.map((link) => ( { ))} + + {FOOTER.RIGHT_LINKS.map((link) => ( + window.open(link.url, '_blank')?.focus()} + sx={({ palette }) => ({ + cursor: 'pointer', + color: palette.text.secondary, + '&:hover': { + color: palette.primary.main + } + })} + > + {link.icon} + + ))} + ) } -export default Footer \ No newline at end of file +export default Footer diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx index cde4230..c5ac1c1 100644 --- a/src/components/Layout/index.tsx +++ b/src/components/Layout/index.tsx @@ -6,7 +6,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => { return (
- + {children}