diff --git a/components/UpgradeBrowserOverlay/UpgradeBrowserOverlay.module.css b/components/UpgradeBrowserOverlay/UpgradeBrowserOverlay.module.css deleted file mode 100644 index 8c589cdf5..000000000 --- a/components/UpgradeBrowserOverlay/UpgradeBrowserOverlay.module.css +++ /dev/null @@ -1,63 +0,0 @@ -.UpgradeBrowserOverlay { - background: #f0f2f2; - border-radius: 4px; - border: 6px solid grey; - font-size: 2em; - left: 50%; - outline: none; - overflow: auto; - padding: 20px; - position: absolute; - text-align: center; - top: 50%; - transform: translate(-50%, -50%); - width: var(--typicalMaxWidth); -} - -.overlay { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: white; -} - -.warningLogo { - fill: #d1665a; - width: 100px; -} - -.message { - font-size: 1rem; - padding: 0.5rem 0; -} - -.browsersList { - display: flex; - justify-content: space-around; - padding: 1rem 0; -} - -.browser { - align-items: center; - display: flex; - flex-direction: column; - font-size: 1rem; - font-weight: bold; - justify-content: center; - padding: 0.5rem; -} - -.browserName { - padding-bottom: 0.5rem; -} - -.browser:hover .browserName { - text-decoration: underline; -} - -.browserImage { - width: 100px; - height: 100px; -} diff --git a/components/UpgradeBrowserOverlay/UpgradeBrowserOverlay.tsx b/components/UpgradeBrowserOverlay/UpgradeBrowserOverlay.tsx deleted file mode 100644 index 0c30db472..000000000 --- a/components/UpgradeBrowserOverlay/UpgradeBrowserOverlay.tsx +++ /dev/null @@ -1,68 +0,0 @@ -import Image from 'next/legacy/image'; -import styles from './UpgradeBrowserOverlay.module.css'; -import { Modal } from '@/components/Modal/Modal'; -import { OutboundLink } from '@/components/OutboundLink/OutboundLink'; -import WarningSign from '@/public/static/images/icons/FontAwesome/exclamation-triangle-solid.svg'; -import { s3 } from '@/common/constants/urls'; - -export function UpgradeBrowserOverlay() { - const browsers = [ - { - browserName: 'Microsoft Edge', - imageSource: `${s3}browserLogos/edge-icon.png`, - downloadLink: 'https://www.microsoft.com/windows/microsoft-edge', - }, - { - browserName: 'Google Chrome', - imageSource: `${s3}browserLogos/chrome-icon.png`, - downloadLink: 'https://www.google.com/chrome', - }, - { - browserName: 'Mozilla Firefox', - imageSource: `${s3}browserLogos/firefox-icon.png`, - downloadLink: 'https://www.mozilla.org/firefox/new', - }, - { - browserName: 'Safari', - imageSource: `${s3}browserLogos/safari-icon.png`, - downloadLink: 'https://support.apple.com/downloads/safari', - }, - ]; - - return ( - - -

Please Upgrade Your Browser

-
- You might be experiencing some problems viewing this page. Use the links below to download - or upgrade your existing browser for a seamless experience. -
-
- {browsers.map(({ browserName, imageSource, downloadLink }) => ( -
- {browserName} - `} - hasIcon={false} - href={downloadLink} - > - {`${browserName} - -
- ))} -
-
- ); -} diff --git a/components/UpgradeBrowserOverlay/__stories__/UpgradeBrowserOverlay.stories.tsx b/components/UpgradeBrowserOverlay/__stories__/UpgradeBrowserOverlay.stories.tsx deleted file mode 100644 index 062473065..000000000 --- a/components/UpgradeBrowserOverlay/__stories__/UpgradeBrowserOverlay.stories.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; -import { UpgradeBrowserOverlay } from '../UpgradeBrowserOverlay'; - -type UpgradeBrowserOverlayStoryType = StoryObj; - -const meta: Meta = { - title: 'UpgradeBrowserOverlay', - component: UpgradeBrowserOverlay, -}; - -export default meta; - -export const Default: UpgradeBrowserOverlayStoryType = { - render: () => , -}; diff --git a/components/UpgradeBrowserOverlay/__tests__/UpgradeBrowserOverlay.test.tsx b/components/UpgradeBrowserOverlay/__tests__/UpgradeBrowserOverlay.test.tsx deleted file mode 100644 index 9ea27166c..000000000 --- a/components/UpgradeBrowserOverlay/__tests__/UpgradeBrowserOverlay.test.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import { UpgradeBrowserOverlay } from '../UpgradeBrowserOverlay'; -import createShallowSnapshotTest from '@/test-utils/createShallowSnapshotTest'; - -describe('UpgradeBrowserOverlay', () => { - it('should render with no props passed', () => { - createShallowSnapshotTest(); - }); -}); diff --git a/components/UpgradeBrowserOverlay/__tests__/__snapshots__/UpgradeBrowserOverlay.test.tsx.snap b/components/UpgradeBrowserOverlay/__tests__/__snapshots__/UpgradeBrowserOverlay.test.tsx.snap deleted file mode 100644 index 879337e3c..000000000 --- a/components/UpgradeBrowserOverlay/__tests__/__snapshots__/UpgradeBrowserOverlay.test.tsx.snap +++ /dev/null @@ -1,116 +0,0 @@ -// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html - -exports[`UpgradeBrowserOverlay > should render with no props passed 1`] = ` - - -

- Please Upgrade Your Browser -

-
- You might be experiencing some problems viewing this page. Use the links below to download or upgrade your existing browser for a seamless experience. -
-
-
- - Microsoft Edge - - - - -
-
- - Google Chrome - - - - -
-
- - Mozilla Firefox - - - - -
-
- - Safari - - - - -
-
-
-`;