refactor: tweak coong-logo in QR code, add coong-logo to QR code in S…

…howAddressQrCodeDialog
CoongCrafts · Jun 30, 2023 · b6a6cb7 · b6a6cb7
1 parent ae63e8e
commit b6a6cb7
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/packages/ui/src/assets/images/coong-logo-circle.png b/packages/ui/src/assets/images/coong-logo-circle.png
diff --git a/packages/ui/src/assets/images/coong-logo.png b/packages/ui/src/assets/images/coong-logo.png
diff --git a/packages/ui/src/components/pages/Accounts/AccountControls/ShowAddressQrCodeDialog.tsx b/packages/ui/src/components/pages/Accounts/AccountControls/ShowAddressQrCodeDialog.tsx
@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { encodeAddress } from '@polkadot/util-crypto';
 import { Dialog, DialogContent } from '@mui/material';
+import CoongLogo from 'assets/images/coong-logo-circle.png';
 import AccountAddress from 'components/pages/Accounts/AccountAddress';
 import DialogTitle from 'components/shared/DialogTitle';
 import NetworksSelection from 'components/shared/NetworksSelection';
@@ -51,6 +52,12 @@ export default function ShowAddressQrCodeDialog(): JSX.Element {
           size={size}
           title={t<string>('Account Address QR Code')}
           className='p-4'
+          imageSettings={{
+            src: CoongLogo,
+            height: 45,
+            width: 45,
+            excavate: false,
+          }}
         />
         <AccountAddress address={address} className='text-sm' />
       </DialogContent>

diff --git a/packages/ui/src/components/shared/export/QrCode.tsx b/packages/ui/src/components/shared/export/QrCode.tsx
@@ -6,7 +6,7 @@ import { base64Encode } from '@polkadot/util-crypto';
 import { AccountBackup, QrBackup } from '@coong/keyring/types';
 import { Download } from '@mui/icons-material';
 import { Button } from '@mui/material';
-import CoongLogo from 'assets/images/coong-logo.png';
+import CoongLogo from 'assets/images/coong-logo-circle.png';
 import FileSaver from 'file-saver';
 import useQrCodeSize from 'hooks/useQrCodeSize';
 import { Props, TransferableObject } from 'types';
@@ -110,7 +110,7 @@ export default function QrCode({ value, object }: QrCodeProps) {
             src: CoongLogo,
             height: 64,
             width: 64,
-            excavate: true,
+            excavate: false,
           }}
           style={{
             width: size,