[#539] support link is now configurable (#586)

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

public/.env.example.js

@@ -9,6 +9,7 @@ var CALENDAR_BASE_URL = "https://calendar.example.com";
 var DAV_BASE_URL = "https://dav.example.com";
 var MAIL_SPA_URL = "https://mail.example.com";
 var VIDEO_CONFERENCE_BASE_URL = "https://meet.linagora.com";
+var SUPPORT_URL = "https://twake.app/support/";
 var DEBUG = false;
 var LANG = "en";
 var WEBSOCKET_URL = "wss://calendar.example.com";

src/components/Menubar/Menubar.tsx

@@ -61,6 +61,7 @@ export function Menubar({
   const { t } = useI18n(); // deliberately NOT using f()
   const user = useAppSelector((state) => state.user.userData);
   const applist: AppIconProps[] = window.appList ?? [];
+  const supportLink = window.SUPPORT_URL;
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
   const [userMenuAnchorEl, setUserMenuAnchorEl] = useState<null | HTMLElement>(
     null
@@ -251,19 +252,21 @@ export function Menubar({
           </div>
           {!isIframe && (
             <>
-              <div className="menu-items">
+              {supportLink && (
-                <IconButton
+                <div className="menu-items">
-                  component="a"
+                  <IconButton
-                  href="https://twake.app/support/"
+                    component="a"
-                  target="_blank"
+                    href={supportLink}
-                  rel="noopener noreferrer"
+                    target="_blank"
-                  style={{ marginRight: 8 }}
+                    rel="noopener noreferrer"
-                  aria-label={t("menubar.help")}
+                    style={{ marginRight: 8 }}
-                  title={t("menubar.help")}
+                    aria-label={t("menubar.help")}
-                >
+                    title={t("menubar.help")}
-                  <HelpOutlineIcon />
+                  >
-                </IconButton>
+                    <HelpOutlineIcon />
-              </div>
+                  </IconButton>
+                </div>
+              )}
 
               <div className="menu-items">
                 {applist.length > 0 && (

src/window.d.ts

@@ -18,6 +18,7 @@ declare global {
     DAV_BASE_URL: string;
     MAIL_SPA_URL: string;
     VIDEO_CONFERENCE_BASE_URL: string;
+    SUPPORT_URL: string;
 
     DEBUG: boolean;
     LANG: string;