[84] Use env variable for setting the data dictionary link

dev/docker-compose.dev.full.test.yml

@@ -45,6 +45,7 @@ services:
       REACT_APP_PUBLIC_MAPBOX_TOKEN: "${REACT_APP_PUBLIC_MAPBOX_TOKEN}"
       REACT_APP_POLICY_PUBLIC_ID: "${REACT_APP_POLICY_PUBLIC_ID}"
       REACT_APP_COOKIE_CONSENT_PUBLIC_ID: "${REACT_APP_COOKIE_CONSENT_PUBLIC_ID}"
+      REACT_APP_DATA_DICTIONARY_LINK: "${REACT_APP_DATA_DICTIONARY_LINK}"
       ENABLE_LOCAL_AUTH: "true"
   localstack:
     image: localstack/localstack-pro

dev/docker-compose.dev.full.yml

@@ -51,6 +51,7 @@ services:
       REACT_APP_POLICY_PUBLIC_ID: "${REACT_APP_POLICY_PUBLIC_ID}"
       REACT_APP_COOKIE_CONSENT_PUBLIC_ID: "${REACT_APP_COOKIE_CONSENT_PUBLIC_ID}"
       REACT_APP_RECAPTCHA_SITE_KEY: "${REACT_APP_RECAPTCHA_SITE_KEY}"
+      REACT_APP_DATA_DICTIONARY_LINK: "${REACT_APP_DATA_DICTIONARY_LINK}"
       ENABLE_LOCAL_AUTH: "true"
       DISEASE_NAME: "${DISEASE_NAME}"
   localstack:

dev/docker-compose.dev.yml

@@ -36,3 +36,4 @@ services:
       REACT_APP_COOKIE_CONSENT_PUBLIC_ID: "${REACT_APP_COOKIE_CONSENT_PUBLIC_ID}"
       REACT_APP_RECAPTCHA_SITE_KEY: "${REACT_APP_RECAPTCHA_SITE_KEY}"
       REACT_APP_DISEASE_NAME: "${REACT_APP_DISEASE_NAME}"
+      REACT_APP_DATA_DICTIONARY_LINK: "${REACT_APP_DATA_DICTIONARY_LINK}"

verification/curator-service/ui/src/components/App/App.test.tsx

@@ -9,12 +9,17 @@ import { Role } from '../../api/models/User';
 
 jest.mock('axios');
 const mockedAxios = axios as jest.Mocked<typeof axios>;
+const mockedDataDictionaryLink = 'https://global.health/data-dictionary';
 const env = validateEnv();
 
 beforeEach(() => {
     jest.clearAllMocks();
 });
 
+beforeAll(() => {
+    process.env.REACT_APP_DATA_DICTIONARY_LINK = mockedDataDictionaryLink;
+});
+
 describe('<App />', () => {
     it('renders without crashing when logged in', async () => {
         const axiosResponse = {
@@ -129,7 +134,7 @@ describe('<App />', () => {
         );
         expect(await screen.findByTestId('dictionaryButton')).toHaveAttribute(
             'href',
-            'https://raw.githubusercontent.com/globaldothealth/list/main/data-serving/scripts/export-data/data_dictionary.txt',
+            mockedDataDictionaryLink,
         );
         expect(await screen.findByTestId('termsButton')).toHaveAttribute(
             'href',

verification/curator-service/ui/src/components/App/index.tsx

@@ -222,7 +222,7 @@ function ProfileMenu(props: { user: User; version: string }): JSX.Element {
                 <a
                     rel="noopener noreferrer"
                     target="_blank"
-                    href="https://raw.githubusercontent.com/globaldothealth/list/main/data-serving/scripts/export-data/data_dictionary.txt"
+                    href={process.env.REACT_APP_DATA_DICTIONARY_LINK}
                     onClick={handleClose}
                     className={classes.link}
                 >

verification/curator-service/ui/src/components/DownloadButton/index.tsx

@@ -247,7 +247,7 @@ export function DownloadButton(): JSX.Element {
 
                     <Typography variant="body2">
                         <a
-                            href="https://raw.githubusercontent.com/globaldothealth/list/main/data-serving/scripts/export-data/data_dictionary.txt"
+                            href={process.env.REACT_APP_DATA_DICTIONARY_LINK}
                             target="_blank"
                             rel="noreferrer"
                         >

verification/curator-service/ui/src/components/Footer/index.tsx

@@ -62,7 +62,7 @@ const Footer = ({ drawerOpen }: FooterProps): JSX.Element => {
 
             <section>
                 <a
-                    href="https://raw.githubusercontent.com/globaldothealth/list/main/data-serving/scripts/export-data/data_dictionary.txt"
+                    href={process.env.REACT_APP_DATA_DICTIONARY_LINK}
                     rel="noopener noreferrer"
                     target="_blank"
                     data-testid="dictionaryButton"

verification/curator-service/ui/src/components/landing-page/LandingPage.test.tsx

@@ -8,8 +8,12 @@ import { setupServer } from 'msw/node';
 import { Route } from 'react-router-dom';
 
 const server = setupServer();
+const mockedDataDictionaryLink = 'https://global.health/data-dictionary';
 
-beforeAll(() => server.listen());
+beforeAll(() => {
+    server.listen();
+    process.env.REACT_APP_DATA_DICTIONARY_LINK = mockedDataDictionaryLink;
+});
 afterEach(() => server.resetHandlers());
 afterAll(() => server.close());
 
@@ -62,7 +66,7 @@ describe('<LandingPage />', () => {
         );
         expect(screen.getByText('Data dictionary')).toHaveAttribute(
             'href',
-            'https://raw.githubusercontent.com/globaldothealth/list/main/data-serving/scripts/export-data/data_dictionary.txt',
+            mockedDataDictionaryLink,
         );
         expect(screen.getByText('Terms of use')).toHaveAttribute(
             'href',

verification/curator-service/ui/src/components/landing-page/LandingPage.tsx

@@ -160,7 +160,7 @@ const MoreInformationLinks = ({
                 </div>
                 <div className={classes.link}>
                     <a
-                        href="https://raw.githubusercontent.com/globaldothealth/list/main/data-serving/scripts/export-data/data_dictionary.txt"
+                        href={process.env.REACT_APP_DATA_DICTIONARY_LINK}
                         rel="noopener noreferrer"
                         target="_blank"
                     >