From 8d793a686888f3916beb0f092a6dc66c1c57a076 Mon Sep 17 00:00:00 2001
From: zhom <2717306+zhom@users.noreply.github.com>
Date: Tue, 17 Jun 2025 03:42:47 +0400
Subject: [PATCH] style: make release type selector behave the same in both
 creation and change modals

---
 src/components/change-version-dialog.tsx |  1 -
 src/components/create-profile-dialog.tsx | 54 ++++++++++++++----------
 2 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/src/components/change-version-dialog.tsx b/src/components/change-version-dialog.tsx
index 3563385..3ef049a 100644
--- a/src/components/change-version-dialog.tsx
+++ b/src/components/change-version-dialog.tsx
@@ -164,7 +164,6 @@ export function ChangeVersionDialog({
             </div>
           </div>
 
-          {/* Release Type Selection - only show if multiple release types are available */}
           {!releaseTypes.stable || !releaseTypes.nightly ? (
             <Alert>
               <AlertDescription>
diff --git a/src/components/create-profile-dialog.tsx b/src/components/create-profile-dialog.tsx
index 20b0249..294dc78 100644
--- a/src/components/create-profile-dialog.tsx
+++ b/src/components/create-profile-dialog.tsx
@@ -36,6 +36,7 @@ import type {
 import { invoke } from "@tauri-apps/api/core";
 import { useEffect, useState } from "react";
 import { toast } from "sonner";
+import { Alert, AlertDescription } from "./ui/alert";
 
 type BrowserTypeString =
   | "mullvad-browser"
@@ -369,28 +370,37 @@ export function CreateProfileDialog({
             </Select>
           </div>
 
-          {/* Release Type Selection */}
-          <div className="grid gap-2">
-            <Label>Release Type</Label>
-            {isLoadingReleaseTypes ? (
-              <div className="text-sm text-muted-foreground">
-                Loading release types...
-              </div>
-            ) : (
-              <ReleaseTypeSelector
-                selectedReleaseType={selectedReleaseType}
-                onReleaseTypeSelect={setSelectedReleaseType}
-                availableReleaseTypes={releaseTypes}
-                browser={selectedBrowser ?? ""}
-                isDownloading={isDownloading}
-                onDownload={() => {
-                  void handleDownload();
-                }}
-                placeholder="Select release type..."
-                downloadedVersions={downloadedVersions}
-              />
-            )}
-          </div>
+          {selectedBrowser &&
+          (!releaseTypes.stable || !releaseTypes.nightly) ? (
+            <Alert>
+              <AlertDescription>
+                Only {releaseTypes.stable ?? releaseTypes.nightly} releases are
+                available for {getBrowserDisplayName(selectedBrowser)}.
+              </AlertDescription>
+            </Alert>
+          ) : (
+            <div className="grid gap-2">
+              <Label>Release Type</Label>
+              {isLoadingReleaseTypes ? (
+                <div className="text-sm text-muted-foreground">
+                  Loading release types...
+                </div>
+              ) : (
+                <ReleaseTypeSelector
+                  selectedReleaseType={selectedReleaseType}
+                  onReleaseTypeSelect={setSelectedReleaseType}
+                  availableReleaseTypes={releaseTypes}
+                  browser={selectedBrowser ?? ""}
+                  isDownloading={isDownloading}
+                  onDownload={() => {
+                    void handleDownload();
+                  }}
+                  placeholder="Select release type..."
+                  downloadedVersions={downloadedVersions}
+                />
+              )}
+            </div>
+          )}
 
           {/* Proxy Settings */}
           <div className="grid gap-4 pt-4 border-t">