bug: added label coming soon for windows and linux

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>