add QR code for QORT and generalize code

This commit is contained in:
QuickMythril 2024-09-25 02:45:38 -04:00
parent ac5a6b251b
commit 7b89ad19f0
2 changed files with 6 additions and 5 deletions

View File

@ -88,7 +88,7 @@ import { executeEvent, subscribeToEvent, unsubscribeFromEvent } from "./utils/ev
import { requestQueueCommentCount, requestQueuePublishedAccouncements } from "./components/Chat/GroupAnnouncements";
import { requestQueueGroupJoinRequests } from "./components/Group/GroupJoinRequests";
import { DrawerComponent } from "./components/Drawer/Drawer";
import { LitecoinQRCode } from "./components/LitecoinQRCode";
import { AddressQRCode } from "./components/AddressQRCode";
import { Settings } from "./components/Group/Settings";
import { MainAvatar } from "./components/MainAvatar";
@ -1260,7 +1260,7 @@ function App() {
/>
</Box>
)}
<LitecoinQRCode ltcAddress={rawWallet?.ltcAddress} />
<AddressQRCode targetAddress={rawWallet?.ltcAddress} />
</>
) : (
<>
@ -1346,6 +1346,7 @@ function App() {
>
Transfer QORT
</CustomButton>
<AddressQRCode targetAddress={rawWallet?.address0} />
</>
)}
<TextP

View File

@ -4,7 +4,7 @@ import QRCode from 'react-qr-code';
import { TextP } from '../App-styles';
import { Box } from '@mui/material';
export const LitecoinQRCode = ({ ltcAddress }) => {
export const AddressQRCode = ({ targetAddress }) => {
return (
<Box sx={{
display: 'flex',
@ -22,10 +22,10 @@ export const LitecoinQRCode = ({ ltcAddress }) => {
fontWeight: 500,
}}
>
Your LTC address
Your address
</TextP>
<QRCode
value={ltcAddress} // Your LTC address here
value={targetAddress} // Your address here
size={180} // Adjust size as needed
level="M" // Error correction level (L, M, Q, H)
bgColor="#FFFFFF" // Background color (white)