fix: account picker toggle props handling + types

Author: gmolki

src/components/modules/AccountPicker/AccountInformation/cmp.tsx

@@ -18,6 +18,7 @@ export const AccountInformation = ({
   rewards,
   accountAddress,
   accountAddressHref,
+  showExternalUrl,
   externalUrl,
   disabledTopUp,
   handleTopUpClick,
@@ -140,8 +141,17 @@ export const AccountInformation = ({
         </>
       )}
 
-      <StyledLine />
-      <ExternalUrl Link={Link} text={externalUrl.text} url={externalUrl.url} />
+      {showExternalUrl && externalUrl && (
+        <>
+          <StyledLine />
+
+          <ExternalUrl
+            Link={Link}
+            text={externalUrl.text}
+            url={externalUrl.url}
+          />
+        </>
+      )}
     </>
   )
 }

src/components/modules/AccountPicker/AccountInformation/types.tsx

@@ -21,7 +21,8 @@ export type AccountInformationProps = {
   vouchers?: Voucher[]
   disabledTopUp?: boolean
   handleTopUpClick?: () => void
-  externalUrl: {
+  showExternalUrl: boolean
+  externalUrl?: {
     text: string
     url: string
   }

src/components/modules/AccountPicker/cmp.tsx

@@ -166,6 +166,7 @@ export const AccountPicker = ({
                   vouchers={accountVouchers}
                   disabledTopUp={disabledTopUp}
                   handleTopUpClick={handleTopUpClick}
+                  showExternalUrl={showExternalUrl}
                   externalUrl={externalUrl}
                   Link={Link}
                 />
@@ -178,7 +179,7 @@ export const AccountPicker = ({
               onDisconnect={handleDisconnect}
               selectedNetwork={selectedNetwork}
             />
-            {!isConnected && showExternalUrl && (
+            {!isConnected && showExternalUrl && externalUrl && (
               <>
                 <StyledLine />
                 <ExternalUrl
@@ -238,6 +239,7 @@ export const AccountPicker = ({
                   vouchers={accountVouchers}
                   disabledTopUp={disabledTopUp}
                   handleTopUpClick={handleTopUpClick}
+                  showExternalUrl={showExternalUrl}
                   externalUrl={externalUrl}
                   Link={Link}
                 />
@@ -252,7 +254,7 @@ export const AccountPicker = ({
               onDisconnect={handleDisconnect}
               selectedNetwork={selectedNetwork}
             />
-            {!isConnected && showExternalUrl && (
+            {!isConnected && showExternalUrl && externalUrl && (
               <>
                 <StyledLine />
                 <ExternalUrl

src/components/modules/AccountPicker/types.tsx

@@ -32,11 +32,11 @@ export type AccountPickerProps = {
   selectedNetwork: Network
   disabledTopUp?: boolean
   handleTopUpClick?: () => void
-  externalUrl: {
+  externalUrl?: {
     text: string
     url: string
   }
-  settingsContent: ReactNode
+  settingsContent?: ReactNode
   handleSwitchNetwork: NetworkSelectorProps['onSelectNetwork']
   handleConnect: (wallet: Wallet, network: Network) => void
   handleDisconnect: () => void