From 05b21e95938c54cdfdcc9d7e6bd3fc5698673c67 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Wed, 6 Dec 2023 16:57:58 +0700
Subject: [PATCH] bug: added label coming soon for windows and linux

---
 docs/src/containers/DownloadApp/index.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/docs/src/containers/DownloadApp/index.js b/docs/src/containers/DownloadApp/index.js
index 9738e761c3..10e86e80ac 100644
--- a/docs/src/containers/DownloadApp/index.js
+++ b/docs/src/containers/DownloadApp/index.js
@@ -7,21 +7,25 @@ const systemsTemplate = [
     name: "Mac Silicon",
     logo: FaApple,
     fileFormat: "{appname}-mac-arm64-{tag}.dmg",
+    comingSoon: false,
   },
   {
     name: "Mac (Intel)",
     logo: FaApple,
     fileFormat: "{appname}-mac-x64-{tag}.dmg",
+    comingSoon: false,
   },
   {
     name: "Windows",
     logo: FaWindows,
     fileFormat: "{appname}-win-x64-{tag}.exe",
+    comingSoon: true,
   },
   {
     name: "Linux",
     logo: FaLinux,
     fileFormat: "{appname}-linux-amd64-{tag}.deb",
+    comingSoon: true,
   },
 ];
 
@@ -106,10 +110,17 @@ export default function DownloadApp() {
           <a
             key={i}
             href={system.href}
-            className="inline-flex m-2 px-4 py-2 rounded-lg text-lg font-semibold cursor-pointer justify-center items-center space-x-2 border border-gray-400 dark:border-gray-700 text-black dark:text-white bg-neutral-50 min-w-[150px] dark:bg-[#18181B]"
+            className={`inline-flex m-2 px-4 py-2 rounded-lg text-lg font-semibold cursor-pointer justify-center items-center space-x-2 border border-gray-400 dark:border-gray-700 text-black dark:text-white bg-neutral-50 min-w-[150px] dark:bg-[#18181B], ${
+              system.comingSoon && "pointer-events-none	"
+            }`}
           >
             <system.logo />
             <span>{system.name}</span>
+            {system.comingSoon && (
+              <span className="bg-gray-300 dark:bg-gray-700 py-0.5 px-2 inline-block ml-2 rounded-md text-sm mt-1">
+                Coming Soon
+              </span>
+            )}
           </a>
         ))}
       </div>