Merge pull request #64 from cosmology-tech/develop

debug tailwind

Author: liujun93

examples/tailwindcss/components/react/modal.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable @next/next/no-img-element */
-import type { WalletModalProps } from '@cosmos-kit/core';
+import type { ChainWalletBase, WalletModalProps } from '@cosmos-kit/core';
 import { WalletStatus } from '@cosmos-kit/core';
 import { useCallback, Fragment, useState, useMemo, useEffect } from 'react';
 import { Dialog, Transition } from '@headlessui/react';
@@ -34,6 +34,7 @@ export const TailwindModal = ({
   const [currentView, setCurrentView] = useState<ModalView>(
     ModalView.WalletList
   );
+  const [qrWallet, setQRWallet] = useState<ChainWalletBase | undefined>();
 
   const current = walletRepo?.current;
   const currentWalletData = current?.walletInfo;
@@ -71,8 +72,11 @@ export const TailwindModal = ({
 
       // 1ms timeout prevents _render from determining the view to show first
       setTimeout(() => {
-        if (walletRepo?.getWallet(name)?.walletInfo.mode === 'wallet-connect')
+        const wallet = walletRepo?.getWallet(name);
+        if (wallet?.walletInfo.mode === 'wallet-connect') {
           setCurrentView(ModalView.QRCode);
+          setQRWallet(wallet);
+        }
       }, 1);
     },
     [walletRepo]
@@ -131,7 +135,8 @@ export const TailwindModal = ({
           <QRCode
             onClose={onCloseModal}
             onReturn={() => setCurrentView(ModalView.WalletList)}
-            qrUri={current?.qrUrl}
+            qrUri={qrWallet?.qrUrl}
+            name={qrWallet?.walletInfo.prettyName}
           />
         );
       case ModalView.Error:

examples/tailwindcss/components/react/views/QRCode.tsx

@@ -9,10 +9,12 @@ export const QRCode = ({
   onClose,
   onReturn,
   qrUri,
+  name,
 }: {
   onClose: () => void;
   onReturn: () => void;
   qrUri?: string;
+  name?: string;
 }) => {
   return (
     <div className="mt-3 text-center sm:mt-1.5 sm:text-left">
@@ -29,7 +31,7 @@ export const QRCode = ({
           as="h3"
           className="font-medium leading-6 text-center text-gray-900 dark:text-white"
         >
-          Keplr Mobile
+          {name}
         </Dialog.Title>
         <button
           type="button"