From 7671fb808349950beb1b1a6d019b75a978931623 Mon Sep 17 00:00:00 2001
From: znaim <zair.naim@thoughtworks.com>
Date: Fri, 18 Oct 2024 13:00:00 -0400
Subject: [PATCH 1/6] created the footer component with the privacy policy and
 EULA

---
 .../localization/en/protocol_generator.json   |  1 +
 .../src/molecules/Footer/Footer.stories.tsx   | 22 +++++++
 .../Footer/__tests__/Footer.test.tsx          | 31 ++++++++++
 .../src/molecules/Footer/index.tsx            | 58 +++++++++++++++++++
 4 files changed, 112 insertions(+)
 create mode 100644 opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx
 create mode 100644 opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx
 create mode 100644 opentrons-ai-client/src/molecules/Footer/index.tsx

diff --git a/opentrons-ai-client/src/assets/localization/en/protocol_generator.json b/opentrons-ai-client/src/assets/localization/en/protocol_generator.json
index f44eff34e73..e31304dd01e 100644
--- a/opentrons-ai-client/src/assets/localization/en/protocol_generator.json
+++ b/opentrons-ai-client/src/assets/localization/en/protocol_generator.json
@@ -20,6 +20,7 @@
   "pcr_flex": "PCR (Flex)",
   "pcr": "PCR",
   "pipettes": "Pipettes: Specify your pipettes, including the volume, number of channels, and whether they’re mounted on the left or right.",
+  "privacy_policy": "By continuing, you agree to the Opentrons \nPrivacy Policy\n and \nEnd user license agreement\n Copyright © 2024 Opentrons",
   "reagent_transfer_flex": "Reagent Transfer (Flex)",
   "reagent_transfer": "Reagent Transfer",
   "reload_page": "To start over and create a new protocol, simply reload the page.",
diff --git a/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx b/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx
new file mode 100644
index 00000000000..5869d9af146
--- /dev/null
+++ b/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx
@@ -0,0 +1,22 @@
+import { type Meta, type StoryObj } from '@storybook/react'
+import { Footer } from '.'
+import { COLORS, Flex } from '@opentrons/components'
+
+const meta: Meta<typeof Footer> = {
+    title: 'AI/Molecules/Footer',
+    component: Footer,
+    decorators: [
+        Story => (
+            <Flex
+                backgroundColor={COLORS.grey10}>
+                <Story />
+            </Flex>
+        ),
+    ]
+}
+export default meta
+
+type Story = StoryObj<typeof Footer>
+
+export const FooterExample: Story = {
+}
\ No newline at end of file
diff --git a/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx b/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx
new file mode 100644
index 00000000000..70b1f846377
--- /dev/null
+++ b/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx
@@ -0,0 +1,31 @@
+import { Footer } from '..';
+import { renderWithProviders } from '../../../__testing-utils__'
+import { screen } from '@testing-library/react'
+
+const render = () => {
+    return renderWithProviders(<Footer />)
+}
+
+describe('Footer', () => {
+    it('should render Footer component', () => {
+        render()
+        screen.getByText('By continuing, you agree to the Opentrons')
+        screen.getByText('Privacy Policy')
+        screen.getByText('and')
+        screen.getByText('End user license agreement')
+        screen.getByText('Copyright © 2024 Opentrons')
+    });
+
+    it('should have a link to the Privacy Policy', () => {
+        render()
+        const privacyPolicy = screen.getByText('Privacy Policy');
+        expect(privacyPolicy).toHaveAttribute('href', 'https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons-Labworks-Privacy-Policy-5-4-23.docx-1.pdf');
+    });
+
+    it('should have a link to the end user license agreement', () => {
+        render()
+        const eula = screen.getByText('End user license agreement');
+        expect(eula).toHaveAttribute('href', 'https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons%20EULA%2020240710.pdf');
+    });
+
+});
diff --git a/opentrons-ai-client/src/molecules/Footer/index.tsx b/opentrons-ai-client/src/molecules/Footer/index.tsx
new file mode 100644
index 00000000000..d79bd4dc466
--- /dev/null
+++ b/opentrons-ai-client/src/molecules/Footer/index.tsx
@@ -0,0 +1,58 @@
+import styled, { css } from 'styled-components'
+import {
+    ALIGN_CENTER,
+    COLORS,
+    DIRECTION_COLUMN,
+    Flex,
+    JUSTIFY_CENTER,
+    SPACING,
+    StyledText,
+    TYPOGRAPHY,
+} from '@opentrons/components'
+import { useTranslation } from 'react-i18next'
+
+const NewLineText = styled.span`
+  display: block;
+`;
+
+const BlueLink = styled.a`
+  color: ${COLORS.blue50};
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+
+const DISCLAIMER_TEXT_STYLE = css`
+  color: ${COLORS.grey60};
+  font-size: ${TYPOGRAPHY.fontSizeH4};
+  line-height: ${TYPOGRAPHY.lineHeight16};
+  text-align: ${TYPOGRAPHY.textAlignCenter};
+  padding-bottom: ${SPACING.spacing24};
+`;
+
+export function Footer(): JSX.Element {
+    const { t } = useTranslation('protocol_generator')
+    const privacyPolicyText = t('privacy_policy');
+    const [firstPart, privacyPolicy, and, EULA, copyright] = privacyPolicyText.split('\n');
+
+    return (
+        <Flex
+            width="100%"
+            height="88px"
+            backgroundColor={COLORS.grey10}
+            alignItems={ALIGN_CENTER}
+            justifyContent={JUSTIFY_CENTER}
+            paddingTop={SPACING.spacing24}
+        >
+            <StyledText css={DISCLAIMER_TEXT_STYLE}>
+                {firstPart}
+                <BlueLink href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons-Labworks-Privacy-Policy-5-4-23.docx-1.pdf" target="_blank" rel="noopener noreferrer">{privacyPolicy}</BlueLink>
+                {and}
+                <BlueLink href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons%20EULA%2020240710.pdf" target="_blank" rel="noopener noreferrer">{EULA}</BlueLink>
+                <NewLineText>{copyright}</NewLineText>
+            </StyledText>
+        </Flex>
+    )
+}

From 4a5390df29ddca81bd402b403efe92f98057ba5f Mon Sep 17 00:00:00 2001
From: znaim <zair.naim@thoughtworks.com>
Date: Sun, 20 Oct 2024 21:28:24 -0400
Subject: [PATCH 2/6] fix footer tests

---
 .../src/molecules/Footer/__tests__/Footer.test.tsx    | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx b/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx
index 70b1f846377..3567d783731 100644
--- a/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx
+++ b/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx
@@ -1,17 +1,20 @@
 import { Footer } from '..';
 import { renderWithProviders } from '../../../__testing-utils__'
 import { screen } from '@testing-library/react'
+import { describe, expect, it } from 'vitest'
+import { i18n } from '../../../i18n';
 
-const render = () => {
-    return renderWithProviders(<Footer />)
+
+const render = (): ReturnType<typeof renderWithProviders> => {
+    return renderWithProviders(<Footer />, {
+        i18nInstance: i18n,
+    })
 }
 
 describe('Footer', () => {
     it('should render Footer component', () => {
         render()
-        screen.getByText('By continuing, you agree to the Opentrons')
         screen.getByText('Privacy Policy')
-        screen.getByText('and')
         screen.getByText('End user license agreement')
         screen.getByText('Copyright © 2024 Opentrons')
     });

From 97d5f85a36158bbd7aad935b960624242d9a1b0b Mon Sep 17 00:00:00 2001
From: znaim <zair.naim@thoughtworks.com>
Date: Mon, 21 Oct 2024 11:36:24 -0400
Subject: [PATCH 3/6] converted the css to use styled instead

---
 opentrons-ai-client/src/molecules/Footer/index.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/opentrons-ai-client/src/molecules/Footer/index.tsx b/opentrons-ai-client/src/molecules/Footer/index.tsx
index d79bd4dc466..2858d10615a 100644
--- a/opentrons-ai-client/src/molecules/Footer/index.tsx
+++ b/opentrons-ai-client/src/molecules/Footer/index.tsx
@@ -1,12 +1,10 @@
-import styled, { css } from 'styled-components'
+import styled from 'styled-components'
 import {
     ALIGN_CENTER,
     COLORS,
-    DIRECTION_COLUMN,
     Flex,
     JUSTIFY_CENTER,
     SPACING,
-    StyledText,
     TYPOGRAPHY,
 } from '@opentrons/components'
 import { useTranslation } from 'react-i18next'
@@ -24,7 +22,7 @@ const BlueLink = styled.a`
   }
 `;
 
-const DISCLAIMER_TEXT_STYLE = css`
+const FooterText = styled.p`
   color: ${COLORS.grey60};
   font-size: ${TYPOGRAPHY.fontSizeH4};
   line-height: ${TYPOGRAPHY.lineHeight16};
@@ -46,13 +44,13 @@ export function Footer(): JSX.Element {
             justifyContent={JUSTIFY_CENTER}
             paddingTop={SPACING.spacing24}
         >
-            <StyledText css={DISCLAIMER_TEXT_STYLE}>
+            <FooterText>
                 {firstPart}
                 <BlueLink href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons-Labworks-Privacy-Policy-5-4-23.docx-1.pdf" target="_blank" rel="noopener noreferrer">{privacyPolicy}</BlueLink>
                 {and}
                 <BlueLink href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons%20EULA%2020240710.pdf" target="_blank" rel="noopener noreferrer">{EULA}</BlueLink>
                 <NewLineText>{copyright}</NewLineText>
-            </StyledText>
+            </FooterText>
         </Flex>
     )
 }

From 97357c98fc7e997f4ba34b3e946046db071f5dd9 Mon Sep 17 00:00:00 2001
From: znaim <zair.naim@thoughtworks.com>
Date: Mon, 21 Oct 2024 11:47:19 -0400
Subject: [PATCH 4/6] fixed lint issue

---
 opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx b/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx
index 5869d9af146..52ed0519b60 100644
--- a/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx
+++ b/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx
@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/react'
 import { Footer } from '.'
 import { COLORS, Flex } from '@opentrons/components'
 

From cc2075f0069c76c6ef306b5d7d8cf4dd912076c4 Mon Sep 17 00:00:00 2001
From: znaim <zair.naim@thoughtworks.com>
Date: Mon, 21 Oct 2024 12:05:46 -0400
Subject: [PATCH 5/6] ran prettier

---
 .../src/molecules/Footer/Footer.stories.tsx   | 22 +++---
 .../Footer/__tests__/Footer.test.tsx          | 52 +++++++------
 .../src/molecules/Footer/index.tsx            | 76 ++++++++++++-------
 3 files changed, 85 insertions(+), 65 deletions(-)

diff --git a/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx b/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx
index 52ed0519b60..78fdf2d42bc 100644
--- a/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx
+++ b/opentrons-ai-client/src/molecules/Footer/Footer.stories.tsx
@@ -3,20 +3,18 @@ import { Footer } from '.'
 import { COLORS, Flex } from '@opentrons/components'
 
 const meta: Meta<typeof Footer> = {
-    title: 'AI/Molecules/Footer',
-    component: Footer,
-    decorators: [
-        Story => (
-            <Flex
-                backgroundColor={COLORS.grey10}>
-                <Story />
-            </Flex>
-        ),
-    ]
+  title: 'AI/Molecules/Footer',
+  component: Footer,
+  decorators: [
+    Story => (
+      <Flex backgroundColor={COLORS.grey10}>
+        <Story />
+      </Flex>
+    ),
+  ],
 }
 export default meta
 
 type Story = StoryObj<typeof Footer>
 
-export const FooterExample: Story = {
-}
\ No newline at end of file
+export const FooterExample: Story = {}
diff --git a/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx b/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx
index 3567d783731..704855096ed 100644
--- a/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx
+++ b/opentrons-ai-client/src/molecules/Footer/__tests__/Footer.test.tsx
@@ -1,34 +1,38 @@
-import { Footer } from '..';
+import { Footer } from '..'
 import { renderWithProviders } from '../../../__testing-utils__'
 import { screen } from '@testing-library/react'
 import { describe, expect, it } from 'vitest'
-import { i18n } from '../../../i18n';
-
+import { i18n } from '../../../i18n'
 
 const render = (): ReturnType<typeof renderWithProviders> => {
-    return renderWithProviders(<Footer />, {
-        i18nInstance: i18n,
-    })
+  return renderWithProviders(<Footer />, {
+    i18nInstance: i18n,
+  })
 }
 
 describe('Footer', () => {
-    it('should render Footer component', () => {
-        render()
-        screen.getByText('Privacy Policy')
-        screen.getByText('End user license agreement')
-        screen.getByText('Copyright © 2024 Opentrons')
-    });
-
-    it('should have a link to the Privacy Policy', () => {
-        render()
-        const privacyPolicy = screen.getByText('Privacy Policy');
-        expect(privacyPolicy).toHaveAttribute('href', 'https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons-Labworks-Privacy-Policy-5-4-23.docx-1.pdf');
-    });
+  it('should render Footer component', () => {
+    render()
+    screen.getByText('Privacy Policy')
+    screen.getByText('End user license agreement')
+    screen.getByText('Copyright © 2024 Opentrons')
+  })
 
-    it('should have a link to the end user license agreement', () => {
-        render()
-        const eula = screen.getByText('End user license agreement');
-        expect(eula).toHaveAttribute('href', 'https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons%20EULA%2020240710.pdf');
-    });
+  it('should have a link to the Privacy Policy', () => {
+    render()
+    const privacyPolicy = screen.getByText('Privacy Policy')
+    expect(privacyPolicy).toHaveAttribute(
+      'href',
+      'https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons-Labworks-Privacy-Policy-5-4-23.docx-1.pdf'
+    )
+  })
 
-});
+  it('should have a link to the end user license agreement', () => {
+    render()
+    const eula = screen.getByText('End user license agreement')
+    expect(eula).toHaveAttribute(
+      'href',
+      'https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons%20EULA%2020240710.pdf'
+    )
+  })
+})
diff --git a/opentrons-ai-client/src/molecules/Footer/index.tsx b/opentrons-ai-client/src/molecules/Footer/index.tsx
index 2858d10615a..86e6772bcf4 100644
--- a/opentrons-ai-client/src/molecules/Footer/index.tsx
+++ b/opentrons-ai-client/src/molecules/Footer/index.tsx
@@ -1,17 +1,17 @@
 import styled from 'styled-components'
 import {
-    ALIGN_CENTER,
-    COLORS,
-    Flex,
-    JUSTIFY_CENTER,
-    SPACING,
-    TYPOGRAPHY,
+  ALIGN_CENTER,
+  COLORS,
+  Flex,
+  JUSTIFY_CENTER,
+  SPACING,
+  TYPOGRAPHY,
 } from '@opentrons/components'
 import { useTranslation } from 'react-i18next'
 
 const NewLineText = styled.span`
   display: block;
-`;
+`
 
 const BlueLink = styled.a`
   color: ${COLORS.blue50};
@@ -20,7 +20,7 @@ const BlueLink = styled.a`
   &:hover {
     text-decoration: underline;
   }
-`;
+`
 
 const FooterText = styled.p`
   color: ${COLORS.grey60};
@@ -28,29 +28,47 @@ const FooterText = styled.p`
   line-height: ${TYPOGRAPHY.lineHeight16};
   text-align: ${TYPOGRAPHY.textAlignCenter};
   padding-bottom: ${SPACING.spacing24};
-`;
+`
 
 export function Footer(): JSX.Element {
-    const { t } = useTranslation('protocol_generator')
-    const privacyPolicyText = t('privacy_policy');
-    const [firstPart, privacyPolicy, and, EULA, copyright] = privacyPolicyText.split('\n');
+  const { t } = useTranslation('protocol_generator')
+  const privacyPolicyText = t('privacy_policy')
+  const [
+    firstPart,
+    privacyPolicy,
+    and,
+    EULA,
+    copyright,
+  ] = privacyPolicyText.split('\n')
 
-    return (
-        <Flex
-            width="100%"
-            height="88px"
-            backgroundColor={COLORS.grey10}
-            alignItems={ALIGN_CENTER}
-            justifyContent={JUSTIFY_CENTER}
-            paddingTop={SPACING.spacing24}
+  return (
+    <Flex
+      width="100%"
+      height="88px"
+      backgroundColor={COLORS.grey10}
+      alignItems={ALIGN_CENTER}
+      justifyContent={JUSTIFY_CENTER}
+      paddingTop={SPACING.spacing24}
+    >
+      <FooterText>
+        {firstPart}
+        <BlueLink
+          href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons-Labworks-Privacy-Policy-5-4-23.docx-1.pdf"
+          target="_blank"
+          rel="noopener noreferrer"
         >
-            <FooterText>
-                {firstPart}
-                <BlueLink href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons-Labworks-Privacy-Policy-5-4-23.docx-1.pdf" target="_blank" rel="noopener noreferrer">{privacyPolicy}</BlueLink>
-                {and}
-                <BlueLink href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons%20EULA%2020240710.pdf" target="_blank" rel="noopener noreferrer">{EULA}</BlueLink>
-                <NewLineText>{copyright}</NewLineText>
-            </FooterText>
-        </Flex>
-    )
+          {privacyPolicy}
+        </BlueLink>
+        {and}
+        <BlueLink
+          href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons%20EULA%2020240710.pdf"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {EULA}
+        </BlueLink>
+        <NewLineText>{copyright}</NewLineText>
+      </FooterText>
+    </Flex>
+  )
 }

From c4bc9ab360a65792a92b412b7b173668a50b8d6f Mon Sep 17 00:00:00 2001
From: znaim <zair.naim@thoughtworks.com>
Date: Wed, 23 Oct 2024 11:29:04 -0400
Subject: [PATCH 6/6] used trans to break up the text and its links

---
 .../localization/en/protocol_generator.json   |  3 +-
 .../src/molecules/Footer/index.tsx            | 48 +++++++++----------
 2 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/opentrons-ai-client/src/assets/localization/en/protocol_generator.json b/opentrons-ai-client/src/assets/localization/en/protocol_generator.json
index e31304dd01e..3be157a095f 100644
--- a/opentrons-ai-client/src/assets/localization/en/protocol_generator.json
+++ b/opentrons-ai-client/src/assets/localization/en/protocol_generator.json
@@ -2,6 +2,7 @@
   "api": "API: An API level is 2.15",
   "application": "Application: Your protocol's name, describing what it does.",
   "commands": "Commands: List the protocol's steps, specifying quantities in microliters (uL) and giving exact source and destination locations.",
+  "copyright": "Copyright © 2024 Opentrons",
   "copy_code": "Copy code",
   "disclaimer": "OpentronsAI can make mistakes. Review your protocol before running it on an Opentrons robot.",
   "example": "For example prompts, click the buttons in the left panel.",
@@ -20,7 +21,7 @@
   "pcr_flex": "PCR (Flex)",
   "pcr": "PCR",
   "pipettes": "Pipettes: Specify your pipettes, including the volume, number of channels, and whether they’re mounted on the left or right.",
-  "privacy_policy": "By continuing, you agree to the Opentrons \nPrivacy Policy\n and \nEnd user license agreement\n Copyright © 2024 Opentrons",
+  "privacy_policy": "By continuing, you agree to the Opentrons <privacyPolicyLink>Privacy Policy</privacyPolicyLink> and <EULALink>End user license agreement</EULALink>",
   "reagent_transfer_flex": "Reagent Transfer (Flex)",
   "reagent_transfer": "Reagent Transfer",
   "reload_page": "To start over and create a new protocol, simply reload the page.",
diff --git a/opentrons-ai-client/src/molecules/Footer/index.tsx b/opentrons-ai-client/src/molecules/Footer/index.tsx
index 86e6772bcf4..5ef44bc733f 100644
--- a/opentrons-ai-client/src/molecules/Footer/index.tsx
+++ b/opentrons-ai-client/src/molecules/Footer/index.tsx
@@ -7,7 +7,7 @@ import {
   SPACING,
   TYPOGRAPHY,
 } from '@opentrons/components'
-import { useTranslation } from 'react-i18next'
+import { Trans, useTranslation } from 'react-i18next'
 
 const NewLineText = styled.span`
   display: block;
@@ -32,14 +32,6 @@ const FooterText = styled.p`
 
 export function Footer(): JSX.Element {
   const { t } = useTranslation('protocol_generator')
-  const privacyPolicyText = t('privacy_policy')
-  const [
-    firstPart,
-    privacyPolicy,
-    and,
-    EULA,
-    copyright,
-  ] = privacyPolicyText.split('\n')
 
   return (
     <Flex
@@ -51,23 +43,27 @@ export function Footer(): JSX.Element {
       paddingTop={SPACING.spacing24}
     >
       <FooterText>
-        {firstPart}
-        <BlueLink
-          href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons-Labworks-Privacy-Policy-5-4-23.docx-1.pdf"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          {privacyPolicy}
-        </BlueLink>
-        {and}
-        <BlueLink
-          href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons%20EULA%2020240710.pdf"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          {EULA}
-        </BlueLink>
-        <NewLineText>{copyright}</NewLineText>
+        <Trans
+          i18nKey={t('privacy_policy')}
+          t={t}
+          components={{
+            privacyPolicyLink: (
+              <BlueLink
+                href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons-Labworks-Privacy-Policy-5-4-23.docx-1.pdf"
+                target="_blank"
+                rel="noopener noreferrer"
+              />
+            ),
+            EULALink: (
+              <BlueLink
+                href="https://insights.opentrons.com/hubfs/Legal%20Documentation/Opentrons%20EULA%2020240710.pdf"
+                target="_blank"
+                rel="noopener noreferrer"
+              />
+            ),
+          }}
+        />
+        <NewLineText>{t('copyright')}</NewLineText>
       </FooterText>
     </Flex>
   )