From 4cc54d9daec1eb1bfb09ca37b482fa63fdb0de0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Quiroz?= <nh.quiroz@gmail.com>
Date: Fri, 3 Feb 2023 16:25:42 -0300
Subject: [PATCH 1/3] feat: add BuildsDeprecationNote component

---
 README.md                                       |  2 +-
 .../UI/downloads/BuildsDeprecationNote.tsx      | 17 +++++++++++++++++
 src/components/UI/downloads/index.ts            |  1 +
 3 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/components/UI/downloads/BuildsDeprecationNote.tsx

diff --git a/README.md b/README.md
index bcf23463b1..38125544b4 100644
--- a/README.md
+++ b/README.md
@@ -43,7 +43,7 @@ After adding a page, you will also need to list it in `/src/data/documentation-l
 Notes in documentation pages are highlighted boxes (color depend on the current set dark/light theme). To add a note, wrap the note text in `<Note>` tage as follows:
 
 ```markdown
-<Note> text to include in note</Note>
+<Note>text to include in note</Note>
 ```
 
 <img width="809" alt="Screen Shot 2023-01-04 at 18 22 06" src="https://user-images.githubusercontent.com/948922/210652463-1fc0370e-815c-427d-9eff-64199a300460.png">
diff --git a/src/components/UI/downloads/BuildsDeprecationNote.tsx b/src/components/UI/downloads/BuildsDeprecationNote.tsx
new file mode 100644
index 0000000000..02de6355ec
--- /dev/null
+++ b/src/components/UI/downloads/BuildsDeprecationNote.tsx
@@ -0,0 +1,17 @@
+import { Stack, Text } from '@chakra-ui/react';
+import { FC } from 'react';
+
+interface Props {
+  os: string;
+}
+
+export const BuildsDeprecationNote: FC<Props> = ({ os }) => {
+  return (
+    <Stack p={4}>
+      <Text textAlign='center' bg='code-bg' p={3}>
+        <strong>Geth no longer releases builds for {os}.</strong> {os} builds on this page are
+        archival and are not consistent with current Geth.
+      </Text>
+    </Stack>
+  );
+};
diff --git a/src/components/UI/downloads/index.ts b/src/components/UI/downloads/index.ts
index 9c5b9ae8c4..3523ba6220 100644
--- a/src/components/UI/downloads/index.ts
+++ b/src/components/UI/downloads/index.ts
@@ -1,3 +1,4 @@
+export * from './BuildsDeprecationNote';
 export * from './DownloadsHero';
 export * from './DownloadsSection';
 export * from './DownloadsTable';

From 01cda6c45a762724c5b37b8900a3422e4a306010 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Quiroz?= <nh.quiroz@gmail.com>
Date: Fri, 3 Feb 2023 16:26:07 -0300
Subject: [PATCH 2/3] chore: update Note component

---
 src/components/UI/docs/Note.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/UI/docs/Note.tsx b/src/components/UI/docs/Note.tsx
index 5278fc12ba..5445fecc79 100644
--- a/src/components/UI/docs/Note.tsx
+++ b/src/components/UI/docs/Note.tsx
@@ -2,15 +2,16 @@ import { FC } from 'react';
 import { Stack, Text } from '@chakra-ui/react';
 
 interface Props {
-  children: string[];
+  children: string;
 }
 
 export const Note: FC<Props> = ({ children }) => {
   return (
     <Stack w='100%' bg='button-bg' border='2px' borderColor='primary' p={4}>
-      <Text as='h4' textStyle='header4'>
+      <Text as='h4' textStyle='h4' mb={2}>
         Note
       </Text>
+
       <Text textStyle='note-text'>{children}</Text>
     </Stack>
   );

From adeb7366dd6d7fec501e17170eb78798aadf915a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Quiroz?= <nh.quiroz@gmail.com>
Date: Fri, 3 Feb 2023 16:26:32 -0300
Subject: [PATCH 3/3] feat: add deprecation note on mobile builds

---
 src/components/UI/downloads/DownloadsTable.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/UI/downloads/DownloadsTable.tsx b/src/components/UI/downloads/DownloadsTable.tsx
index c21e4865a4..1924d32d19 100644
--- a/src/components/UI/downloads/DownloadsTable.tsx
+++ b/src/components/UI/downloads/DownloadsTable.tsx
@@ -2,6 +2,7 @@ import { Stack, Tabs, TabList, Tab, Text, TabPanel, TabPanels } from '@chakra-ui
 import { FC, useMemo } from 'react';
 
 import { DataTable } from '../../UI';
+import { BuildsDeprecationNote } from './BuildsDeprecationNote';
 
 import { DOWNLOADS_TABLE_TABS, DOWNLOADS_TABLE_TAB_COLUMN_HEADERS } from '../../../constants';
 import { ReleaseData } from '../../../types';
@@ -102,12 +103,16 @@ export const DownloadsTable: FC<Props> = ({
             />
           </TabPanel>
           <TabPanel p={0}>
+            <BuildsDeprecationNote os='iOS' />
+
             <DataTable
               columnHeaders={DOWNLOADS_TABLE_TAB_COLUMN_HEADERS}
               data={iOSData.slice(0, amountOfReleasesToShow)}
             />
           </TabPanel>
           <TabPanel p={0}>
+            <BuildsDeprecationNote os='Android' />
+
             <DataTable
               columnHeaders={DOWNLOADS_TABLE_TAB_COLUMN_HEADERS}
               data={androidData.slice(0, amountOfReleasesToShow)}