chore: add link to end-users guides (#1162)

Author: levalleux-ludo

.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

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);
 };

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(

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 = {