Drop the empty bordered panel for no-auth connections

The connect modal's auth-method panel always rendered a framed box (border, muted fill, padding). With No authentication selected there are no fields to show, so it appeared as an empty bordered rectangle below the method selector. Only apply the frame when the panel has content.

Rhys Sullivan committed 4 months ago

Commit a3b91ad1 parent eb9ed891 file · +6 −1Browse files

Unified · Split

packages/react/src/components/add-account-modal.tsx+6−1

                   {dcrActive ? null : (
                     <TabsContent
                       value={methodId}
-                      className="mt-0 min-w-0 space-y-5 rounded-md border border-border/60 bg-muted/15 p-4"
+                      className={cn(
+                        "mt-0 min-w-0 space-y-5",
+                        // No-auth renders no fields, so skip the framed box that
+                        // would otherwise show up as an empty bordered panel.
+                        isNoAuth ? null : "rounded-md border border-border/60 bg-muted/15 p-4",
+                      )}
                     >
                       {method?.placements && !isEnvMethod && singleInput
                         ? (() => {