diff --git a/.env.example b/.env.example index 05dca4c0f..9c905ca01 100644 --- a/.env.example +++ b/.env.example @@ -69,3 +69,5 @@ REACT_APP_MOONPAY_EXTERNAL_LINK="https://www.moonpay.com/buy" REACT_APP_MAGIC_API_KEY= REACT_MOCK_CONVERSION_RATES=false + +REACT_APP_GUIDES_URL=https://bosonprotocol.github.io/interface diff --git a/src/components/footer/routes.tsx b/src/components/footer/routes.tsx index bb9c4d455..ce3e15ddb 100644 --- a/src/components/footer/routes.tsx +++ b/src/components/footer/routes.tsx @@ -11,6 +11,7 @@ import { generatePath } from "react-router-dom"; import { DrCenterRoutes } from "../../lib/routing/drCenterRoutes"; import { UrlParameters } from "../../lib/routing/parameters"; import { + BosonProtocolRoutes, BosonRoutes, SellerCenterRoutes, SocialRoutes @@ -147,7 +148,7 @@ export const getSellRoutes = ({ const isAccountSeller = roles.some((role) => role === UserRoles.Seller); const productRoutes: { name: string; url: string }[] = []; productRoutes.push({ - name: "Templates & Guides", + name: "Templates", url: BosonRoutes.Sell }); productRoutes.push({ @@ -204,6 +205,11 @@ export const getHelpLinks = ({ { name: "Email", email: "info@bosonapp.io" + }, + { + name: "Guides", + url: BosonProtocolRoutes.Guides, + absolute: true } ].filter(isTruthy); }; diff --git a/src/lib/config.ts b/src/lib/config.ts index bc0a1efc1..71f058035 100644 --- a/src/lib/config.ts +++ b/src/lib/config.ts @@ -177,7 +177,10 @@ export const CONFIG = { ), magicLinkKey: process.env.REACT_APP_MAGIC_API_KEY as string, rpcUrls: getRpcUrls(infuraKey), - widgetsUrl + widgetsUrl, + guidesUrl: + process.env.REACT_APP_GUIDES_URL || + "https://bosonprotocol.github.io/interface" } as const; export type GlobalConfig = typeof CONFIG; export const lensHandleMaxLength = Math.max( diff --git a/src/lib/routing/routes.tsx b/src/lib/routing/routes.tsx index 7e14d43df..1e873b1f5 100644 --- a/src/lib/routing/routes.tsx +++ b/src/lib/routing/routes.tsx @@ -36,7 +36,8 @@ export const BosonRoutes = addViewModePrefixToPaths( ); export const BosonProtocolRoutes = { - LearnMore: "https://www.bosonprotocol.io/technology" + LearnMore: "https://www.bosonprotocol.io/technology", + Guides: CONFIG.guidesUrl }; export const SellerCenterRoutes = {