feat(landing): SKFP-1386 add view all studies

.env.schema

@@ -51,6 +51,7 @@ REACT_APP_FT_DASHBOARD_BANNER_MSG="A wonderful notification"
 
 # Landing Page
 REACT_APP_FT_LANDING_PAGE=true
+REACT_APP_FT_PUBLIC_STUDIES=true
 
 # MOCK
 REACT_MOCK_AUTORIZE_STUDIES=true

src/locales/en.ts

@@ -1753,6 +1753,7 @@ const en = {
         signup: 'SIGN UP',
         close: 'Close',
       },
+      viewAllBtn: 'View all studies',
     },
   },
   facets: {

src/views/LandingPage/StudiesSection/Studies/index.module.css

@@ -46,6 +46,11 @@
   align-content: center;
 }
 
+.viewAllBtn {
+  padding: 8px 16px;
+  height: auto;
+}
+
 @media (max-width: 1200px) {
   .studiesContainer {
     border-radius: 20px 20px 0 0;

src/views/LandingPage/StudiesSection/Studies/index.tsx

@@ -1,16 +1,24 @@
 import intl from 'react-intl-universal';
+import { useNavigate } from 'react-router';
 import { Typography } from 'antd';
+import { getFTEnvVarByKey } from 'helpers/EnvVariables';
+import LandingPageButton from 'views/LandingPage/Components/LandingPageButton';
 import LandingPageTitle from 'views/LandingPage/Components/LandingPageTitle';
 
 import studiesSvg from 'components/assets/kf-portal-icons_studies_2.svg';
 import { useGlobals } from 'store/global';
+import { STATIC_ROUTES } from 'utils/routes';
 
 import styles from './index.module.css';
 
 const { Paragraph } = Typography;
 
 const StudiesSection = () => {
   const { stats } = useGlobals();
+  const navigate = useNavigate();
+  const publicStudiesBtn = getFTEnvVarByKey('PUBLIC_STUDIES');
+  const studiesBtnOnClick =
+    publicStudiesBtn === 'true' ? () => navigate(STATIC_ROUTES.PUBLIC_STUDIES) : undefined;
 
   return (
     <div className={styles.studiesContainer}>
@@ -23,6 +31,11 @@ const StudiesSection = () => {
       <Paragraph className={styles.subtitle}>
         {intl.get('screen.loginPage.studies.explore')}
       </Paragraph>
+      {studiesBtnOnClick && (
+        <LandingPageButton className={styles.viewAllBtn} onClick={studiesBtnOnClick}>
+          {intl.get('screen.publicStudies.viewAllBtn')}
+        </LandingPageButton>
+      )}
     </div>
   );
 };