diff --git a/src/App.tsx b/src/App.tsx index 483b2104..990bbe8e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -9,7 +9,7 @@ function App() {
-
+
diff --git a/src/assets/DownArrow.svg b/src/assets/DownArrow.svg new file mode 100644 index 00000000..a1e2d35f --- /dev/null +++ b/src/assets/DownArrow.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/darwiniabtnlogo.svg b/src/assets/darwiniabtnlogo.svg new file mode 100644 index 00000000..2f4e458f --- /dev/null +++ b/src/assets/darwiniabtnlogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/headerbtnlogo.svg b/src/assets/headerbtnlogo.svg new file mode 100644 index 00000000..2be55a00 --- /dev/null +++ b/src/assets/headerbtnlogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/herobg.png b/src/assets/herobg.png new file mode 100644 index 00000000..692dee3a Binary files /dev/null and b/src/assets/herobg.png differ diff --git a/src/assets/mobileMenuIcon.svg b/src/assets/mobileMenuIcon.svg new file mode 100644 index 00000000..3c5cc857 --- /dev/null +++ b/src/assets/mobileMenuIcon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 773413b7..f48a2c0b 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,13 +1,13 @@ -import { useTranslation } from "react-i18next"; +// import { useTranslation } from "react-i18next"; import twitter from "../assets/social/twitter.svg"; import telegram from "../assets/social/telegram.svg"; import discord from "../assets/social/discord.svg"; -import element from "../assets/social/element.svg"; +// import element from "../assets/social/element.svg"; import github from "../assets/social/github.svg"; import medium from "../assets/social/medium.svg"; import email from "../assets/social/email.svg"; -import lng from "../assets/lng.svg"; +// import lng from "../assets/lng.svg"; const socialCfg: { icon: string; link: string; isMail?: boolean }[] = [ { @@ -22,10 +22,10 @@ const socialCfg: { icon: string; link: string; isMail?: boolean }[] = [ icon: discord, link: "https://discord.com/invite/aQdK9H4MZS", }, - { - icon: element, - link: "https://app.element.io/#/room/#darwinia:matrix.org", - }, + // { + // icon: element, + // link: "https://app.element.io/#/room/#darwinia:matrix.org", + // }, { icon: github, link: "https://github.com/darwinia-network", @@ -41,7 +41,7 @@ const socialCfg: { icon: string; link: string; isMail?: boolean }[] = [ ]; export const Footer = () => { - const { i18n } = useTranslation(); + // const { i18n } = useTranslation(); return (
@@ -59,13 +59,13 @@ export const Footer = () => { ))} - + */}
); diff --git a/src/components/Header.tsx b/src/components/Header.tsx index d76c4d1a..aa52ab95 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,4 +1,8 @@ import logo from "../assets/app-logo.svg"; +// import darwiniabtnlogo from "../assets/darwiniabtnlogo.svg"; +// import headerbtnlogo from "../assets/headerbtnlogo.svg"; +import mobileMenuIcon from "../assets/mobileMenuIcon.svg"; +// import DownArrow from "../assets/DownArrow.svg"; import { Link, useMatch } from "react-router-dom"; import { useTranslation } from "react-i18next"; import { useWallet } from "../hooks/wallet"; @@ -21,14 +25,35 @@ export const Header = () => { ) : null} {isHome ? ( - - {t("Submit")} - + <> +
+ + {t("Submit")} + + +
+ {/*
+
+ darwiniabtnlogo + Darwinia + +
+
+ darwiniabtnlogo + 0x0E5...f204 +
+
*/} + ) : null} {isLocalSubkeyMigration ? (