From fdec8b81bb6d5750fccd52fa8b8a135b3105f8bc Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 3 Apr 2025 12:21:56 -0600
Subject: [PATCH] add content in downloads table for mac

---
 .../UI/downloads/DownloadsTable.tsx           | 21 ++++++++++++++-----
 src/constants.ts                              |  2 +-
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/UI/downloads/DownloadsTable.tsx b/src/components/UI/downloads/DownloadsTable.tsx
index 43ecd13af9..f25d042e5a 100644
--- a/src/components/UI/downloads/DownloadsTable.tsx
+++ b/src/components/UI/downloads/DownloadsTable.tsx
@@ -1,4 +1,4 @@
-import { Stack, Tabs, TabList, Tab, Text, TabPanel, TabPanels } from '@chakra-ui/react';
+import { Link, Stack, Tabs, TabList, Tab, Text, TabPanel, TabPanels } from '@chakra-ui/react';
 import { FC, useMemo } from 'react';
 
 import { DataTable } from '../../UI';
@@ -38,9 +38,9 @@ export const DownloadsTable: FC<Props> = ({
   const getDefaultIndex = useMemo<number>(() => {
     const OS: string = typeof window !== 'undefined' ? window.navigator.platform : '';
     const userAgent = typeof window !== 'undefined' ? window.navigator.userAgent : '';
-    if (/Win/i.test(OS)) return 1;
-    if (/iPhone/i.test(OS)) return 2;
-    if (/Android/i.test(userAgent)) return 3;
+    if (/Win/i.test(OS)) return 2;
+    if (/iPhone/i.test(OS)) return 3;
+    if (/Android/i.test(userAgent)) return 4;
     return 0;
   }, []);
 
@@ -63,7 +63,7 @@ export const DownloadsTable: FC<Props> = ({
             return (
               <Tab
                 key={tab}
-                w={'25%'}
+                w={'20%'}
                 p={4}
                 _selected={{
                   bg: 'primary',
@@ -86,6 +86,17 @@ export const DownloadsTable: FC<Props> = ({
               data={linuxData.slice(0, LAST_2_LINUX_RELEASES)}
             />
           </TabPanel>
+          <TabPanel p={0}>
+            <Stack p={4}>
+              <Text textAlign='center' bg='code-bg' p={3}>
+                Mac users should get their builds from{' '}
+                <Link href='https://formulae.brew.sh/formula/ethereum' variant='light'>
+                  Homebrew
+                </Link>{' '}
+                or compile themselves.
+              </Text>
+            </Stack>
+          </TabPanel>
           <TabPanel p={0}>
             <DataTable
               columnHeaders={DOWNLOADS_TABLE_TAB_COLUMN_HEADERS}
diff --git a/src/constants.ts b/src/constants.ts
index 6f2b9222fb..d53502c6f5 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -52,7 +52,7 @@ export const DOWNLOAD_HEADER_BUTTONS: {
     buildURL: ''
   }
 };
-export const DOWNLOADS_TABLE_TABS = ['Linux', 'Windows', 'iOS', 'Android'];
+export const DOWNLOADS_TABLE_TABS = ['Linux', 'macOS', 'Windows', 'iOS', 'Android'];
 export const DOWNLOADS_TABLE_TAB_COLUMN_HEADERS = [
   'Release',
   'Commit',