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 = () => {
-
+
-
-
+
+
-
+
-
-
+
+
-
+
-
-
+
+
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"