From d791e0a1a330ee477832e3e66c2353f6a63a4d9c Mon Sep 17 00:00:00 2001 From: Paul Wackerow <54227730+wackerow@users.noreply.github.com> Date: Wed, 16 Nov 2022 12:59:39 -0800 Subject: [PATCH] replace downloads images with SVG components --- .../pages/gopher-downloads-front-light.svg | 9 - .../images/pages/gopher-home-side-desktop.svg | 417 ------------------ public/images/pages/linux-penguin.svg | 3 - public/images/pages/macos-logo.svg | 3 - public/images/pages/source-branch.svg | 3 - public/images/pages/windows-logo.svg | 3 - src/components/UI/downloads/DownloadsHero.tsx | 16 +- .../UI/downloads/DownloadsSection.tsx | 9 +- src/constants.ts | 27 +- src/pages/downloads.tsx | 3 +- 10 files changed, 33 insertions(+), 460 deletions(-) delete mode 100644 public/images/pages/gopher-downloads-front-light.svg delete mode 100644 public/images/pages/gopher-home-side-desktop.svg delete mode 100644 public/images/pages/linux-penguin.svg delete mode 100644 public/images/pages/macos-logo.svg delete mode 100644 public/images/pages/source-branch.svg delete mode 100644 public/images/pages/windows-logo.svg diff --git a/public/images/pages/gopher-downloads-front-light.svg b/public/images/pages/gopher-downloads-front-light.svg deleted file mode 100644 index 41c2984306..0000000000 --- a/public/images/pages/gopher-downloads-front-light.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/public/images/pages/gopher-home-side-desktop.svg b/public/images/pages/gopher-home-side-desktop.svg deleted file mode 100644 index e823d8927b..0000000000 --- a/public/images/pages/gopher-home-side-desktop.svg +++ /dev/null @@ -1,417 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/images/pages/linux-penguin.svg b/public/images/pages/linux-penguin.svg deleted file mode 100644 index f66b859b43..0000000000 --- a/public/images/pages/linux-penguin.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/images/pages/macos-logo.svg b/public/images/pages/macos-logo.svg deleted file mode 100644 index 6c6180ff5e..0000000000 --- a/public/images/pages/macos-logo.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/images/pages/source-branch.svg b/public/images/pages/source-branch.svg deleted file mode 100644 index 0ae94f6e20..0000000000 --- a/public/images/pages/source-branch.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/images/pages/windows-logo.svg b/public/images/pages/windows-logo.svg deleted file mode 100644 index 13729fe7ff..0000000000 --- a/public/images/pages/windows-logo.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/components/UI/downloads/DownloadsHero.tsx b/src/components/UI/downloads/DownloadsHero.tsx index 15e71a9571..487dea11c1 100644 --- a/src/components/UI/downloads/DownloadsHero.tsx +++ b/src/components/UI/downloads/DownloadsHero.tsx @@ -1,7 +1,9 @@ -import { Box, Button, Image, Link, Stack, HStack, Text } from '@chakra-ui/react'; +import { Box, Button, Link, Stack, HStack, Text } from '@chakra-ui/react'; import { FC } from 'react'; import NextLink from 'next/link'; +import { GopherDownloads } from '../svgs' + import { DOWNLOAD_HEADER_BUTTONS } from '../../../constants'; interface DownloadsHero { @@ -31,7 +33,7 @@ export const DownloadsHero: FC = ({ return ( - Gopher plugged in + @@ -56,19 +58,17 @@ export const DownloadsHero: FC = ({ {Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => { + const { name, buildURL, Svg, ariaLabel } = DOWNLOAD_HEADER_BUTTONS[key]; return ( - +