From 87706df147c7127ba2596e1c1fc5dafd56887399 Mon Sep 17 00:00:00 2001 From: Corwin Smith Date: Wed, 19 Oct 2022 22:53:25 -0500 Subject: [PATCH] mobile view --- package.json | 1 + public/images/pages/discord.svg | 3 -- public/images/pages/github.svg | 3 -- public/images/pages/twitter.svg | 3 -- src/components/UI/icons/DiscordIcon.tsx | 11 +++++ src/components/UI/icons/GitHubIcon.tsx | 11 +++++ src/components/UI/icons/TwitterIcon.tsx | 11 +++++ src/components/UI/icons/index.tsx | 3 ++ src/components/layouts/Footer.tsx | 60 +++++++++++++++++-------- yarn.lock | 19 ++++++++ 10 files changed, 98 insertions(+), 27 deletions(-) delete mode 100644 public/images/pages/discord.svg delete mode 100644 public/images/pages/github.svg delete mode 100644 public/images/pages/twitter.svg create mode 100644 src/components/UI/icons/DiscordIcon.tsx create mode 100644 src/components/UI/icons/GitHubIcon.tsx create mode 100644 src/components/UI/icons/TwitterIcon.tsx create mode 100644 src/components/UI/icons/index.tsx diff --git a/package.json b/package.json index 552c97702a..d12382e087 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ "format:fix": "prettier . --write --config .prettierrc --ignore-path .prettierignore --loglevel warn" }, "dependencies": { + "@chakra-ui/icons": "^2.0.11", "@chakra-ui/react": "^2.3.2", "@emotion/react": "^11.10.4", "@emotion/styled": "^11.10.4", diff --git a/public/images/pages/discord.svg b/public/images/pages/discord.svg deleted file mode 100644 index 245d1aac5b..0000000000 --- a/public/images/pages/discord.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/images/pages/github.svg b/public/images/pages/github.svg deleted file mode 100644 index 50016b1433..0000000000 --- a/public/images/pages/github.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/images/pages/twitter.svg b/public/images/pages/twitter.svg deleted file mode 100644 index 6c2c74bef7..0000000000 --- a/public/images/pages/twitter.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/components/UI/icons/DiscordIcon.tsx b/src/components/UI/icons/DiscordIcon.tsx new file mode 100644 index 0000000000..cea1987697 --- /dev/null +++ b/src/components/UI/icons/DiscordIcon.tsx @@ -0,0 +1,11 @@ +import { createIcon } from '@chakra-ui/icons'; + +export const DiscordIcon = createIcon({ + displayName: 'DiscordIcon', + viewBox:"0 0 32 24", + path: ( + + + + ) +}); \ No newline at end of file diff --git a/src/components/UI/icons/GitHubIcon.tsx b/src/components/UI/icons/GitHubIcon.tsx new file mode 100644 index 0000000000..42d2da8667 --- /dev/null +++ b/src/components/UI/icons/GitHubIcon.tsx @@ -0,0 +1,11 @@ +import { createIcon } from '@chakra-ui/icons'; + +export const GitHubIcon = createIcon({ + displayName: 'GitHubIcon', + viewBox:"0 0 26 24", + path: ( + + + + ) +}); \ No newline at end of file diff --git a/src/components/UI/icons/TwitterIcon.tsx b/src/components/UI/icons/TwitterIcon.tsx new file mode 100644 index 0000000000..c544ba6041 --- /dev/null +++ b/src/components/UI/icons/TwitterIcon.tsx @@ -0,0 +1,11 @@ +import { createIcon } from '@chakra-ui/icons'; + +export const TwitterIcon = createIcon({ + displayName: 'TwitterIcon', + viewBox:"0 0 28 22", + path: ( + + + + ) +}); \ No newline at end of file diff --git a/src/components/UI/icons/index.tsx b/src/components/UI/icons/index.tsx new file mode 100644 index 0000000000..63de6c1094 --- /dev/null +++ b/src/components/UI/icons/index.tsx @@ -0,0 +1,3 @@ +export * from './DiscordIcon' +export * from './GitHubIcon' +export * from './TwitterIcon' \ No newline at end of file diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx index 7c5ddedbbe..40f1ecd9b7 100644 --- a/src/components/layouts/Footer.tsx +++ b/src/components/layouts/Footer.tsx @@ -10,6 +10,12 @@ import { GETH_TWITTER_URL } from '../../constants' +import { + DiscordIcon, + GitHubIcon, + TwitterIcon +} from '../UI/icons'; + export const Footer: FC = () => { return ( @@ -52,59 +58,77 @@ export const Footer: FC = () => { - + - - Twitter logo + + - + - - Discord logo + + - + - - GitHub logo + + diff --git a/yarn.lock b/yarn.lock index 08885de92f..16b4e210ff 100644 --- a/yarn.lock +++ b/yarn.lock @@ -243,6 +243,13 @@ compute-scroll-into-view "1.0.14" copy-to-clipboard "3.3.1" +"@chakra-ui/icon@3.0.11": + version "3.0.11" + resolved "https://registry.yarnpkg.com/@chakra-ui/icon/-/icon-3.0.11.tgz#a51dda24bed2f2ed77b4136ada8f22d3249c9870" + integrity sha512-RG4jf/XmBdaxOYI5J5QstEtTCPoVlmrQ/XiWhvN0LTgAnmZIqVwFl3Uw+satArdStHAs0GmJZg/E/soFTWuFmw== + dependencies: + "@chakra-ui/shared-utils" "2.0.2" + "@chakra-ui/icon@3.0.9": version "3.0.9" resolved "https://registry.yarnpkg.com/@chakra-ui/icon/-/icon-3.0.9.tgz#ba127d9eefd727f62e9bce07a23eca39ae506744" @@ -250,6 +257,13 @@ dependencies: "@chakra-ui/shared-utils" "2.0.1" +"@chakra-ui/icons@^2.0.11": + version "2.0.11" + resolved "https://registry.yarnpkg.com/@chakra-ui/icons/-/icons-2.0.11.tgz#3faf53c499c7c61c65b6e5ff4b0933f48b9ba416" + integrity sha512-WjxrFMt9hHpuZlnBh4fhtGOkIVlwYwHNmwq4sJGxYWlg8UnEhVJMoOojheJDy/d3Gp9+ApetlK3vt8fV/rZamg== + dependencies: + "@chakra-ui/icon" "3.0.11" + "@chakra-ui/image@2.0.10": version "2.0.10" resolved "https://registry.yarnpkg.com/@chakra-ui/image/-/image-2.0.10.tgz#712c0e1c579d959225bd8316d8d8f66cbeb95bb8" @@ -629,6 +643,11 @@ resolved "https://registry.yarnpkg.com/@chakra-ui/shared-utils/-/shared-utils-2.0.1.tgz#41e314e42c96039e8ffb265e73145cf755813ab4" integrity sha512-NXDBl/u4wrSNp0ON5R3r3evkRurrAz2yuO7neooaG+O5HEenVouGqm4CsXd6lUAPmjwiGzA0LQFNCt0Hj92dXg== +"@chakra-ui/shared-utils@2.0.2": + version "2.0.2" + resolved "https://registry.yarnpkg.com/@chakra-ui/shared-utils/-/shared-utils-2.0.2.tgz#1df08133194c12ac4df9302604ec37784c2bb026" + integrity sha512-wC58Fh6wCnFFQyiebVZ0NI7PFW9+Vch0QE6qN7iR+bLseOzQY9miYuzPJ1kMYiFd6QTOmPJkI39M3wHqrPYiOg== + "@chakra-ui/skeleton@2.0.15": version "2.0.15" resolved "https://registry.yarnpkg.com/@chakra-ui/skeleton/-/skeleton-2.0.15.tgz#fd41383bf84319e47c6ea1f4f3138f5f5e0dabca"