fix: coinbase wallet extension bug (rainbow-me#657)

Author: nicoglennon

.changeset/silent-tomatoes-join.md

@@ -0,0 +1,5 @@
+---
+'@rainbow-me/rainbowkit': patch
+---
+
+Fix error on desktop where selecting Coinbase Wallet while extension was installed would show you the wrong copy.

packages/rainbowkit/src/components/ConnectOptions/ConnectDetails.tsx

@@ -176,14 +176,16 @@ export function ConnectDetail({
         label: 'OPEN',
         onClick: showWalletConnectModal,
       }
-    : qrCode
+    : qrCode && qrCodeUri
     ? {
         description: `Don\u2019t have the ${name} app?`,
         label: 'GET',
         onClick: () => changeWalletStep(WalletStep.Download),
       }
     : {
-        description: `Confirm connection in ${shortName || name}`,
+        description: `Confirm connection in ${
+          compactModeEnabled ? shortName || name : name
+        }`,
         label: 'RETRY',
         onClick: getDesktopDeepLink
           ? async () => {

packages/rainbowkit/src/components/ConnectOptions/DesktopOptions.tsx

@@ -50,7 +50,7 @@ export function DesktopOptions({ onClose }: { onClose: () => void }) {
   >();
   const [selectedWallet, setSelectedWallet] = useState<WalletConnector>();
   const [qrCodeUri, setQrCodeUri] = useState<string>();
-  const hasQrCode = !!selectedWallet?.qrCode;
+  const hasQrCode = !!selectedWallet?.qrCode && qrCodeUri;
   const [connectionError, setConnectionError] = useState(false);
   const modalSize = useContext(ModalSizeContext);
   const compactModeEnabled = modalSize === ModalSizeOptions.COMPACT;