Merge pull request #464 from cofacts/tutorial-link

[AppLayout][LandingPage] change forum links to tutorial
cofacts · Dec 12, 2021 · e4f24b2 · e4f24b2
2 parents 7e14fc6 + 0c0aeba
commit e4f24b2
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 22 deletions.
diff --git a/components/AppLayout/AppFooter.js b/components/AppLayout/AppFooter.js
@@ -106,6 +106,9 @@ function AppFooter() {
             <CustomLink href="/hoax-for-you">
               {c('App layout').t`For You`}
             </CustomLink>
+            <CustomLink href="/tutorial">
+              {c('App layout').t`Tutorial`}
+            </CustomLink>
           </div>
           <div className={classes.column}>
             <h3>{t`About`}</h3>

diff --git a/components/AppLayout/AppHeader.js b/components/AppLayout/AppHeader.js
@@ -30,7 +30,6 @@ import Avatar from './Widgets/Avatar';
 import LevelProgressBar from './Widgets/LevelProgressBar';
 
 import { NAVBAR_HEIGHT, TABS_HEIGHT } from 'constants/size';
-import { EDITOR_FACEBOOK_GROUP } from 'constants/urls';
 import desktopLogo from './images/logo-desktop.svg';
 import mobileLogo from './images/logo-mobile.svg';
 
@@ -173,11 +172,10 @@ const Links = ({ classes, unsolvedCount }) => (
     <Box
       display={['none', 'none', 'inline']}
       component={NavLink}
-      external
-      href={EDITOR_FACEBOOK_GROUP}
+      href="/tutorial"
       className={classes.tab}
     >
-      {c('App layout').t`Forum`}
+      {c('App layout').t`Tutorial`}
     </Box>
   </>
 );

diff --git a/components/AppLayout/AppSidebar.js b/components/AppLayout/AppSidebar.js
@@ -14,12 +14,7 @@ import {
 } from '@material-ui/core';
 import Avatar from './Widgets/Avatar';
 import LevelProgressBar from './Widgets/LevelProgressBar';
-import {
-  EDITOR_FACEBOOK_GROUP,
-  PROJECT_HACKFOLDR,
-  CONTACT_EMAIL,
-  LINE_URL,
-} from 'constants/urls';
+import { PROJECT_HACKFOLDR, CONTACT_EMAIL, LINE_URL } from 'constants/urls';
 import NavLink from 'components/NavLink';
 import Ribbon from 'components/Ribbon';
 import ProfileLink from 'components/ProfileLink';
@@ -129,9 +124,7 @@ function AppSidebar({ open, toggle, user, onLoginModalOpen, onLogout }) {
       <Divider classes={{ root: classes.divider }} />
       <List className={classes.list}>
         <ListItem classes={{ root: classes.listItem }} button>
-          <NavLink external href={EDITOR_FACEBOOK_GROUP}>
-            {t`Forum`}
-          </NavLink>
+          <NavLink href="/tutorial">{t`Tutorial`}</NavLink>
         </ListItem>
         <ListItem classes={{ root: classes.listItem }} button>
           <NavLink external href={PROJECT_HACKFOLDR}>

diff --git a/components/LandingPage/Header.js b/components/LandingPage/Header.js
@@ -15,7 +15,6 @@ import NavLink from 'components/NavLink';
 import * as Widgets from 'components/AppLayout/Widgets';
 
 import { NAVBAR_HEIGHT } from 'constants/size';
-import { EDITOR_FACEBOOK_GROUP } from 'constants/urls';
 
 import desktopBlackLogo from './images/logo-desktop-black.svg';
 import mobileBlackLogo from './images/logo-mobile-black.svg';
@@ -238,14 +237,9 @@ const LandingPageHeader = React.memo(({ onLoginModalOpen }) => {
               {c('App layout').t`For You`}
             </CustomBadge>
           </NavLink>
-          <a
-            className={classes.item}
-            href={EDITOR_FACEBOOK_GROUP}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            {c('App layout').t`Forum`}
-          </a>
+          <NavLink className={classes.item} href="/tutorial?tab=check-rumors">
+            {c('App layout').t`Tutorial`}
+          </NavLink>
           {user?.name ? (
             <Widgets.Avatar
               user={user}