Remove QR code for passphrase (#2586)

ekzyis · web-flow · commit 288892e28b4b · 2025-09-28T17:02:33.000+02:00
diff --git a/styles/wallet.module.css b/styles/wallet.module.css
@@ -141,4 +141,5 @@
   gap: 0.5rem;
   grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
   container-type: inline-size;
+  margin: 2rem 0;
 }
diff --git a/wallets/client/components/passphrase.js b/wallets/client/components/passphrase.js
@@ -1,6 +1,5 @@
 import React from 'react'
 import { CopyButton } from '@/components/form'
-import { QRCodeSVG } from 'qrcode.react'
 import styles from '@/styles/wallet.module.css'
 
 export function Passphrase ({ passphrase }) {
@@ -13,11 +12,6 @@ export function Passphrase ({ passphrase }) {
       <p className='fw-bold line-height-md'>
         This is the only time we will show it to you.
       </p>
-      <div className='d-flex justify-content-center'>
-        <QRCodeSVG
-          className='h-auto mx-auto mw-100 my-3' size={256} value={passphrase} marginSize={1}
-        />
-      </div>
       <div
         className={styles.passphrase}
       >
diff --git a/wallets/client/hooks/crypto.js b/wallets/client/hooks/crypto.js
@@ -260,7 +260,6 @@ export function usePassphrasePrompt () {
           placeholder=''
           required
           autoFocus
-          qr
         />
         <div className='mt-3'>
           <div className='d-flex justify-content-between align-items-center'>

Original file line number	Diff line number	Diff line change
`@@ -141,4 +141,5 @@`
`141`	`141`	`gap: 0.5rem;`
`142`	`142`	`grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));`
`143`	`143`	`container-type: inline-size;`
	`144`	`+ margin: 2rem 0;`
`144`	`145`	`}`