feat(app-general): add contact us link

eficode · Feb 26, 2021 · 6e2c22b · 6e2c22b
1 parent f9e6fcb
commit 6e2c22b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/packages/game-app/src/_shared/models/ExternalUrl.ts b/packages/game-app/src/_shared/models/ExternalUrl.ts
@@ -3,4 +3,5 @@ export enum ExternalUrl {
   PIPELINE = 'https://www.eficode.com/pipeline-game',
   PIPELINE_HOW_TO_PLAY = 'https://www.eficode.com/pipeline-game#how-to-play',
   CHROME = 'https://www.google.com/chrome/',
+  CONTACT_US = 'https://www.eficode.com/pipeline-game-contact',
 }
diff --git a/packages/game-app/src/dashboard/components/Dashboard/Dashboard.tsx b/packages/game-app/src/dashboard/components/Dashboard/Dashboard.tsx
@@ -31,6 +31,7 @@ const Dashboard: React.FC<Props> = () => {
   const goToCreateGame = useNavigateTo(RoutingPath.CreateGame);
   const goToHowToPlay = useNavigateOutsideTo(ExternalUrl.PIPELINE_HOW_TO_PLAY, true);
   const goToGameInfo = useNavigateOutsideTo(ExternalUrl.PIPELINE, true);
+  const goToContactForm = useNavigateOutsideTo(ExternalUrl.CONTACT_US, true);
 
   return (
     <DashboardContainer>
@@ -57,7 +58,7 @@ const Dashboard: React.FC<Props> = () => {
               />
             </Box>
             <Box>
-              <Button label={t('dashboard.contactUs')} onClick={() => ({})} />
+              <Button label={t('dashboard.contactUs')} onClick={goToContactForm} />
             </Box>
           </Box>
         </DashboardHeader>

diff --git a/packages/game-app/src/gameView/components/TopWidgetsRow/TopWidgetsRow.tsx b/packages/game-app/src/gameView/components/TopWidgetsRow/TopWidgetsRow.tsx
@@ -7,14 +7,15 @@ import { ReactComponent as RulesIcon } from '@assets/icons/rules.svg';
 import { ReactComponent as TriggerReviewIcon } from '@assets/icons/review.svg';
 import { Button, IconButton, Typography, useDialog } from '@pipeline/components';
 import { useHistory } from 'react-router-dom';
-import { RoutingPath } from '@pipeline/routing';
+import { RoutingPath, useNavigateOutsideTo } from '@pipeline/routing';
 import { useTranslate } from '@pipeline/i18n';
 import ShareGameDialog from '../ShareGameDialog';
 import RulesOverlay from '../RulesOverlay';
 import TriggerReviewDialog from '../TriggerReviewDialog';
 import ConfirmExitDialog from '../ConfirmExitDialog';
 import { useSelector } from 'react-redux';
 import { selectors } from '../../slice';
+import { ExternalUrl } from '@pipeline/models';
 
 type Props = {};
 
@@ -53,8 +54,7 @@ const TopWidgetsRow: React.FC<Props> = () => {
     }
   }, [review, isUserTheFacilitator, currentReview, openReviewDialog]);
 
-  // TODO
-  const contactUs = () => ({});
+  const contactUs = useNavigateOutsideTo(ExternalUrl.CONTACT_US, true);
 
   return (
     <>