diff --git a/src/components/download.tsx b/src/components/download.tsx index 159b004..bdcde99 100644 --- a/src/components/download.tsx +++ b/src/components/download.tsx @@ -192,6 +192,9 @@ export default function DownloadPage() { const linuxAppimageBashScript = "bash <(curl https://updates.zen-browser.app/appimage.sh)"; + const linuxFlatpakScript = + "flatpak install flathub io.github.zen_browser.zen"; + return ( <> {selectedLinuxDownloadType === "appimage" && (
-
+

AppImage users?

@@ -241,12 +244,25 @@ export default function DownloadPage() { If you're using an AppImage, you can use the automatic installer, check it out{" "}

-
+									
 										{linuxAppimageBashScript}
-										
+										
+									
+
+ )} + {selectedLinuxDownloadType === "flatpak" && ( +
+
+ +

Flatpak users?

+
+

+ If you're using Flatpak, you can install Zen Browser with + the following command +

+
+										{linuxFlatpakScript}
+										
 									
)} @@ -347,11 +363,11 @@ export default function DownloadPage() { Choose the architecture of your device, either optimized or generic. -
+
setSelectedArchitecture("specific")} className={ny( - "mb-2 flex h-full w-full cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", + "mb-2 flex flex-1 cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", selectedArchitecture === "specific" ? "border-blue-400" : "", @@ -368,7 +384,7 @@ export default function DownloadPage() {
setSelectedArchitecture("generic")} className={ny( - "mb-2 ml-10 flex h-full w-full cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", + "mb-2 ml-10 flex flex-1 cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", selectedArchitecture === "generic" ? "border-blue-400" : "", @@ -443,11 +459,11 @@ export default function DownloadPage() { Choose the type of download you want for Zen for Windows. -
+
setSelectedWindowsDownloadType("installer")} className={ny( - "mb-2 flex h-full w-full cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", + "mb-2 flex flex-1 cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", selectedWindowsDownloadType === "installer" ? "border-blue-400" : "", @@ -464,7 +480,7 @@ export default function DownloadPage() {
setSelectedWindowsDownloadType("portable")} className={ny( - "mb-2 ml-10 flex h-full w-full cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", + "mb-2 ml-10 flex flex-1 cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", selectedWindowsDownloadType === "portable" ? "border-blue-400" : "", @@ -492,11 +508,11 @@ export default function DownloadPage() { Choose the type of download you want for Zen for Linux. -
+
setSelectedLinuxDownloadType("appimage")} className={ny( - "mb-2 flex h-full w-full cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", + "mb-2 flex flex-1 cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", selectedLinuxDownloadType === "appimage" ? "border-blue-400" : "", @@ -513,7 +529,7 @@ export default function DownloadPage() {
setSelectedLinuxDownloadType("portable")} className={ny( - "mb-2 ml-5 flex h-full w-full cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", + "mb-2 ml-5 flex flex-1 cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", selectedLinuxDownloadType === "portable" ? "border-blue-400" : "", @@ -530,7 +546,7 @@ export default function DownloadPage() {
changeToFlatpak()} className={ny( - "mb-2 ml-5 flex h-full w-full cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", + "mb-2 ml-5 flex flex-1 cursor-pointer select-none flex-col items-center rounded-lg border bg-background p-5", selectedLinuxDownloadType === "flatpak" ? "border-blue-400" : "",