Display default password even if there isn't a default username (#4900)

This fixes the display of the Deluge script.

frontend/src/app/scripts/_components/ScriptItems/DefaultPassword.tsx

@@ -5,7 +5,7 @@ import { Script } from "@/lib/types";
 
 export default function DefaultPassword({ item }: { item: Script }) {
   const { username, password } = item.default_credentials;
-  const hasDefaultLogin = username && password;
+  const hasDefaultLogin = username || password;
 
   if (!hasDefaultLogin) return null;
 
@@ -23,14 +23,17 @@ export default function DefaultPassword({ item }: { item: Script }) {
         <p className="mb-2 text-sm">
           You can use the following credentials to login to the {item.name} {item.type}.
         </p>
-        {["username", "password"].map((type) => (
+        {["username", "password"].map((type) => {
-          <div key={type} className="text-sm">
+          const value = item.default_credentials[type as "username" | "password"];
-            {type.charAt(0).toUpperCase() + type.slice(1)}:{" "}
+          return value && value.trim() !== "" ? (
-            <Button variant="secondary" size="null" onClick={() => copyCredential(type as "username" | "password")}>
+            <div key={type} className="text-sm">
-              {item.default_credentials[type as "username" | "password"]}
+              {type.charAt(0).toUpperCase() + type.slice(1)}:{" "}
-            </Button>
+              <Button variant="secondary" size="null" onClick={() => copyCredential(type as "username" | "password")}>
-          </div>
+                {value}
-        ))}
+              </Button>
+            </div>
+          ) : null;
+        })}
       </div>
     </div>
   );