From cc0092bb0ba7108731c4bc08ef41d15fd234f7a7 Mon Sep 17 00:00:00 2001 From: jaxcoder / Date: Mon, 22 Apr 2024 16:27:33 -0400 Subject: [PATCH] 3301/Thank you page updates (#3306) * add x logo and update buttons/ icons to white * update test * clean up / ready for bg-image * add bg image/fighting footer rn.. * update style/layout * tweak bg * update icon names --------- Co-authored-by: Mohamed Boudra --- packages/common/src/components/Footer.tsx | 40 +- packages/common/src/icons/BuilderIcon.tsx | 30 + packages/common/src/icons/Discord.tsx | 24 +- packages/common/src/icons/Gitbook.tsx | 26 +- packages/common/src/icons/Github.tsx | 42 +- packages/common/src/icons/ManagerIcon.tsx | 18 + .../grant-explorer/src/assets/thank-you.svg | 2520 ++++++++++++++++- .../src/features/round/ThankYou.test.tsx | 6 +- .../src/features/round/ThankYou.tsx | 79 +- .../src/features/common/Navbar.tsx | 2 +- 10 files changed, 2551 insertions(+), 236 deletions(-) create mode 100644 packages/common/src/icons/BuilderIcon.tsx create mode 100644 packages/common/src/icons/ManagerIcon.tsx diff --git a/packages/common/src/components/Footer.tsx b/packages/common/src/components/Footer.tsx index 5fc37ace7c..3c0ea6ad80 100644 --- a/packages/common/src/components/Footer.tsx +++ b/packages/common/src/components/Footer.tsx @@ -1,15 +1,23 @@ import Discord from "../icons/Discord"; -import Support from "../icons/Support"; import Github from "../icons/Github"; import Gitbook from "../icons/Gitbook"; -import { getConfig } from "../config"; +// import { getConfig } from "../config"; +import ManagerIcon from "../icons/ManagerIcon"; +import BuilderIcon from "../icons/BuilderIcon"; const navigation = [ + // note: the Manager and Builder icons are white... so they are not visible on the white background of the footer { - name: "Support", - href: "https://support.gitcoin.co/gitcoin-knowledge-base", + name: "Manager", + href: "https://manager.gitcoin.co", + testid: "support", + icon: ManagerIcon, + }, + { + name: "Builder", + href: "https://builder.gitcoin.co", testid: "support", - icon: Support, + icon: BuilderIcon, }, { name: "Discord", @@ -24,27 +32,21 @@ const navigation = [ icon: Github, }, { - name: "GitBook", - href: "https://docs.allo.gitcoin.co/getting-started/introduction", - testid: "gitbook", + name: "Knowledge Base", + href: "https://support.gitcoin.co/gitcoin-knowledge-base", + testid: "knowledgebase", icon: Gitbook, }, ]; -const config = getConfig(); -const COMMIT_HASH = process.env.REACT_APP_GIT_SHA ?? "localhost"; -const ALLO_VERSION = config.allo.version; +// note: not sure if we need this anymore? We could keep it as a hidden value for debugging purposes. +// const config = getConfig(); +// const COMMIT_HASH = process.env.REACT_APP_GIT_SHA ?? "localhost"; +// const ALLO_VERSION = config.allo.version; export default function Footer() { return ( -