StarMC/Astral-nook
StarMC/Astral-nook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[security]: remove external dependency for loading QR codes for 2FA

Browse source
This commit is contained in:
Dane Everitt 2021-05-16 12:45:04 -07:00
parent 1f64086c67
commit 010ef8621b
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
3 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

9
resources/scripts/components/dashboard/forms/SetupTwoFactorModal.tsx
View file

@ -11,6 +11,7 @@ import tw from 'twin.macro';
import Button from '@/components/elements/Button';
import asModal from '@/hoc/asModal';
import ModalContext from '@/context/ModalContext';
import QRCode from 'qrcode.react';
interface Values {
code: string;
@ -18,7 +19,6 @@ interface Values {
const SetupTwoFactorModal = () => {
const [ token, setToken ] = useState('');
const [ loading, setLoading ] = useState(true);
const [ recoveryTokens, setRecoveryTokens ] = useState<string[]>([]);
const { dismiss, setPropOverrides } = useContext(ModalContext);
@ -108,11 +108,7 @@ const SetupTwoFactorModal = () => {
css={tw`w-64 h-64 rounded`}
/>
:
<img
src={`https://api.qrserver.com/v1/create-qr-code/?size=500x500&data=${token}`}
onLoad={() => setLoading(false)}
css={tw`w-full h-full shadow-none rounded-none`}
/>
<QRCode renderAs={'svg'} value={token} css={tw`w-full h-full shadow-none rounded-none`}/>
}
</div>
</div>
@ -124,7 +120,6 @@ const SetupTwoFactorModal = () => {
type={'text'}
title={'Code From Authenticator'}
description={'Enter the code from your authenticator device after scanning the QR image.'}
autoFocus={!loading}
/>
</div>
<div css={tw`mt-6 md:mt-0 text-right`}>