From d441a2f8d82b7d57ed33a046098a1b037a5d1a53 Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Sat, 3 Aug 2024 19:51:22 +0200
Subject: [PATCH] feat: Add architecture selection information on download page

---
 src/components/download.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/download.tsx b/src/components/download.tsx
index 27b762f..7229e5a 100644
--- a/src/components/download.tsx
+++ b/src/components/download.tsx
@@ -10,6 +10,7 @@ import { Button } from "./ui/button";
 import Particles from "./ui/particles";
 import confetti from 'canvas-confetti';
 import { releases, releaseTree } from "@/lib/releases";
+import { InfoCircledIcon } from "@radix-ui/react-icons";
 
 const BASE_URL = "https://github.com/zen-browser/desktop/releases/latest/download";
 
@@ -353,6 +354,12 @@ export default function DownloadPage() {
               </Button>
             </div>
           )}
+          {((platform === "Linux" || platform === "Windows") && flowIndex === 1) && (
+            <div className="mt-5 flex items-center">
+              <InfoCircledIcon className="size-4 mr-2" />
+              <p className="text-muted-foreground">Confused about which architecture to choose? <a href="https://github.com/zen-browser/desktop/blob/main/docs/requirements.md#supported-cpus-for-optimized-builds-windows-and-linux" target="_blank" className="text-blue-400">System requirements</a>.</p>
+            </div>
+          )}
         </div>
       </div>
       <Particles