From df3dea4659afdb26bb4876b7e37ca6925f67b49d Mon Sep 17 00:00:00 2001
From: fabiolalombardim <lombardifabiola@hotmail.com>
Date: Sun, 16 Jul 2023 17:10:41 +0200
Subject: [PATCH] faq links changed

---
 src/modules/common/TitleBlock.tsx        | 15 +++++++++++----
 src/modules/creator/index.tsx            | 15 ++++++---------
 src/modules/creator/steps/Governance.tsx |  1 +
 src/modules/creator/steps/Quorum.tsx     |  1 +
 4 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/modules/common/TitleBlock.tsx b/src/modules/common/TitleBlock.tsx
index 077c6d56..2eed2299 100644
--- a/src/modules/common/TitleBlock.tsx
+++ b/src/modules/common/TitleBlock.tsx
@@ -1,4 +1,4 @@
-import { Grid, Paper, styled, Tooltip, Typography } from "@material-ui/core"
+import { Grid, Link, Paper, styled, Tooltip, Typography } from "@material-ui/core"
 import React from "react"
 import { ReactElement } from "react-markdown/lib/react-markdown"
 import { InfoRounded } from "@material-ui/icons"
@@ -45,9 +45,16 @@ interface Props {
   description: ReactElement | string
   tooltip?: boolean
   tooltipText?: string
+  tooltipLink?: string
 }
 
-export const TitleBlock: React.FC<Props> = ({ title = "", description, tooltip = false, tooltipText = "" }) => {
+export const TitleBlock: React.FC<Props> = ({
+  title = "",
+  description,
+  tooltip = false,
+  tooltipText = "",
+  tooltipLink = ""
+}) => {
   return (
     <StyledGrid container direction="row" justifyContent="space-between">
       <Grid item xs={12} container direction="row" alignItems="flex-end">
@@ -61,9 +68,9 @@ export const TitleBlock: React.FC<Props> = ({ title = "", description, tooltip =
             <CustomTooltip placement="bottom" title={description}>
               <InfoIconInput />
             </CustomTooltip>
-            <HashLink smooth to="/faq#how-to-create-a-dao-on-homebase" target={"_blank"}>
+            <Link target="_blank" href={`https://faq.tezos-homebase.io/homebase-faq/${tooltipLink}`} color="secondary">
               <CustomTooltipText color="secondary">{tooltipText} </CustomTooltipText>
-            </HashLink>
+            </Link>
           </CustomTextContainer>
         ) : null}
       </Grid>
diff --git a/src/modules/creator/index.tsx b/src/modules/creator/index.tsx
index f17e7af3..95630bb3 100644
--- a/src/modules/creator/index.tsx
+++ b/src/modules/creator/index.tsx
@@ -10,7 +10,8 @@ import {
   styled,
   useMediaQuery,
   useTheme,
-  Theme
+  Theme,
+  Link
 } from "@material-ui/core"
 import ProgressBar from "react-customizable-progressbar"
 import { useHistory } from "react-router"
@@ -125,10 +126,6 @@ export const DAOCreate: React.FC = () => {
   const theme = useTheme()
   const isMobile = useMediaQuery(theme.breakpoints.down("sm"))
 
-  const goToFAQ = (): void => {
-    history.push("/faq")
-  }
-
   useEffect(() => {
     mixpanel.unregister("daoAddress")
     mixpanel.unregister("daoType")
@@ -156,10 +153,10 @@ export const DAOCreate: React.FC = () => {
                 </Box>
               </ProgressBar>
               <Box>
-                <FAQClickToAction onClick={goToFAQ}>New to DAOs?</FAQClickToAction>
-                <FAQClickToAction style={{ textDecoration: "underline" }} onClick={goToFAQ}>
-                  Read our FAQ
-                </FAQClickToAction>
+                <FAQClickToAction>New to DAOs?</FAQClickToAction>
+                <Link target="_blank" href="https://faq.tezos-homebase.io" color="secondary">
+                  <FAQClickToAction style={{ textDecoration: "underline" }}>Read our FAQ</FAQClickToAction>
+                </Link>
               </Box>
               <StyledStepper activeStep={step} orientation="vertical">
                 {STEPS.map(({ title, path }: StepInfo, index: number) => (
diff --git a/src/modules/creator/steps/Governance.tsx b/src/modules/creator/steps/Governance.tsx
index 20663faf..00585a4c 100644
--- a/src/modules/creator/steps/Governance.tsx
+++ b/src/modules/creator/steps/Governance.tsx
@@ -897,6 +897,7 @@ export const Governance: React.FC = () => {
         title={"Proposals & Voting"}
         tooltipText={"Proposals and Voting"}
         tooltip={true}
+        tooltipLink={"how-to-configure-your-dao-in-homebase/configure-proposal-and-voting"}
         description={"These settings will define the duration, support and approval required for proposals."}
       ></TitleBlock>
 
diff --git a/src/modules/creator/steps/Quorum.tsx b/src/modules/creator/steps/Quorum.tsx
index c0281447..92b9edfa 100644
--- a/src/modules/creator/steps/Quorum.tsx
+++ b/src/modules/creator/steps/Quorum.tsx
@@ -392,6 +392,7 @@ export const Quorum: React.FC = () => {
         }
         tooltipText={"Quorum"}
         tooltip={true}
+        tooltipLink={"how-to-configure-your-dao-in-homebase/configure-proposal-and-voting"}
       ></TitleBlock>
 
       <Formik