From e4f650b70fb6e1e3e670a16ab6ca729c5da5e991 Mon Sep 17 00:00:00 2001
From: Tim Roes <tim@airbyte.io>
Date: Tue, 1 Mar 2022 13:16:25 +0100
Subject: [PATCH] Fix back link on signup page (#10732)

* Fix back link on signup page

* Add and correct uiConfig links
---
 airbyte-webapp/src/config/uiConfig.ts         | 40 ++++++-------------
 .../cloud/views/auth/components/Header.tsx    | 10 ++---
 2 files changed, 17 insertions(+), 33 deletions(-)

diff --git a/airbyte-webapp/src/config/uiConfig.ts b/airbyte-webapp/src/config/uiConfig.ts
index f749e93840391..73aec893d4733 100644
--- a/airbyte-webapp/src/config/uiConfig.ts
+++ b/airbyte-webapp/src/config/uiConfig.ts
@@ -1,43 +1,27 @@
 const BASE_DOCS_LINK = "https://docs.airbyte.io";
 
-type UiConfig = {
-  helpLink: string;
-  gitLink: string;
-  updateLink: string;
-  slackLink: string;
-  termsLink: string;
-  privacyLink: string;
-  docsLink: string;
-  configurationArchiveLink: string;
-  namespaceLink: string;
-  normalizationLink: string;
-  tutorialLink: string;
-  technicalSupport: string;
-  statusLink: string;
-  recipesLink: string;
-  demoLink: string;
-  syncModeLink: string;
-};
-
-const uiConfig: UiConfig = {
+const uiConfig = {
   technicalSupport: `${BASE_DOCS_LINK}/troubleshooting/on-deploying`,
-  termsLink: "https://airbyte.io/terms",
-  privacyLink: "https://airbyte.io/privacy-policy",
-  helpLink: "https://airbyte.io/community",
-  gitLink: "https://docs.airbyte.io/quickstart/deploy-airbyte",
+  termsLink: "https://airbyte.com/terms",
+  privacyLink: "https://airbyte.com/privacy-policy",
+  helpLink: "https://airbyte.com/community",
+  gitLink: "https://docs.airbyte.com/quickstart/deploy-airbyte",
   updateLink: `${BASE_DOCS_LINK}/upgrading-airbyte`,
-  slackLink: "https://slack.airbyte.io",
+  slackLink: "https://slack.airbyte.com",
   docsLink: BASE_DOCS_LINK,
   configurationArchiveLink: `${BASE_DOCS_LINK}/tutorials/upgrading-airbyte`,
   normalizationLink: `${BASE_DOCS_LINK}/understanding-airbyte/connections#airbyte-basic-normalization`,
   namespaceLink: `${BASE_DOCS_LINK}/understanding-airbyte/namespaces`,
   tutorialLink: "https://www.youtube.com/watch?v=Rcpt5SVsMpk&feature=emb_logo",
   statusLink: "https://status.airbyte.io/",
-  recipesLink: "https://airbyte.io/recipes",
+  recipesLink: "https://airbyte.com/recipes",
   syncModeLink:
-    "https://docs.airbyte.io/understanding-airbyte/connections/incremental-deduped-history",
+    "https://docs.airbyte.com/understanding-airbyte/connections/incremental-deduped-history",
   demoLink: "https://demo.airbyte.io",
-};
+  webpageLink: "https://airbyte.com",
+} as const;
+
+type UiConfig = Record<keyof typeof uiConfig, string>;
 
 export type { UiConfig };
 export { uiConfig };
diff --git a/airbyte-webapp/src/packages/cloud/views/auth/components/Header.tsx b/airbyte-webapp/src/packages/cloud/views/auth/components/Header.tsx
index 727ea4cd36150..314c98776c551 100644
--- a/airbyte-webapp/src/packages/cloud/views/auth/components/Header.tsx
+++ b/airbyte-webapp/src/packages/cloud/views/auth/components/Header.tsx
@@ -7,6 +7,7 @@ import { faArrowLeft } from "@fortawesome/free-solid-svg-icons";
 
 import { Button } from "components";
 import { CloudRoutes } from "../../../cloudRoutes";
+import { useConfig } from "config";
 
 const Links = styled.div`
   width: 100%;
@@ -16,13 +17,10 @@ const Links = styled.div`
   align-items: center;
 `;
 
-const BackLink = styled.div`
+const BackLink = styled.a`
   font-style: normal;
   font-weight: bold;
-  font-size: 14px;
-  line-height: 17px;
   color: ${({ theme }) => theme.primaryColor};
-  cursor: pointer;
 
   &:hover {
     opacity: 0.8;
@@ -45,9 +43,11 @@ type HeaderProps = {
 };
 
 const Header: React.FC<HeaderProps> = ({ toLogin }) => {
+  const { ui } = useConfig();
+
   return (
     <Links>
-      <BackLink>
+      <BackLink href={ui.webpageLink}>
         <FontAwesomeIcon icon={faArrowLeft} />
         <TextBlock>Back</TextBlock>
       </BackLink>