From b897904911e1418e5431ed637811fbd8f3e5133b Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Thu, 25 Jul 2024 13:17:42 +0200
Subject: [PATCH] feat: Add support for flatpak download option on Linux

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

diff --git a/src/components/download.tsx b/src/components/download.tsx
index eaff6c8..eecd38e 100644
--- a/src/components/download.tsx
+++ b/src/components/download.tsx
@@ -111,6 +111,26 @@ export default function DownloadPage() {
                   )}
                 />
               <Button type="submit">Download Zen 🎉</Button>
+              {form.getValues().platform === "Linux" && (
+                <div className="mt-20 rounded border bg-muted p-4 text-muted-foreground">
+                  <p>
+                    <strong>Linux user?</strong><br/>
+                    We've recently added support for flatpak! You can download the flatpak version by running the following command:
+                    <pre className="bg-white dark:bg-black p-2 rounded mt-4 overflow-auto">flatpak install flathub com.zen.browser</pre>
+                  </p>
+                </div>
+              )}
+              {form.getValues().platform === "MacOS" && (
+                <div className="mt-20 rounded border bg-muted p-4 text-muted-foreground">
+                  <p>
+                    <strong>Mac user?</strong><br/>
+                    Setting up the MacOS version of Zen Browser is a bit more involved. We're working on making this easier, but for now you can follow these steps:
+                    <a href="https://github.com/zen-browser/desktop/issues/53" target="_blank" rel="noreferrer">
+                      <Button className="mt-5">View MacOS instructions</Button>
+                    </a>
+                  </p>
+                </div>
+              )}
             </form>
           </Form>
         </div>