Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-22 22:49:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

hide Qr-Code View when key is undefined

Browse Source
This commit is contained in:
ammarahm-ed
2020-09-24 23:08:03 +05:00
parent ec7d708929
commit c6d41746da
1 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
apps/mobile/src/components/RecoveryKeyDialog/index.js
View File

@@ -7,7 +7,7 @@ import {LOGO_BASE64} from '../../assets/images/assets';
import {SIZE, WEIGHT} from '../../common/common';
import {eSubscribeEvent, eUnSubscribeEvent} from '../../services/eventManager';
import {eOpenRecoveryKeyDialog} from '../../services/events';
import {ToastEvent, w} from '../../utils/utils';
import {db, ToastEvent, w} from '../../utils/utils';
import ActionSheet from '../ActionSheet';
import {Button} from '../Button';
import Seperator from '../Seperator';
@@ -16,7 +16,7 @@ class RecoveryKeyDialog extends React.Component {
constructor(props) {
super(props);
this.state = {
key: 'a',
key: null,
};
this.actionSheetRef = createRef();
this.svg = createRef();
@@ -30,8 +30,13 @@ class RecoveryKeyDialog extends React.Component {
this.actionSheetRef.current?._setModalVisible(false);
};
async componentDidMount() {
this.actionSheetRef.current?._setModalVisible(true);
eSubscribeEvent(eOpenRecoveryKeyDialog, this.open);
let k = await db.user.key();
if (k) {
this.setState({
key: k,
});
}
}
async componentWillUnmount() {
@@ -138,13 +143,15 @@ class RecoveryKeyDialog extends React.Component {
width: '100%',
justifyContent: 'space-between',
}}>
<QRCode
getRef={this.svg}
size={w / 2.2}
value={this.state.key}
logo={{uri: LOGO_BASE64}}
logoBorderRadius={10}
/>
{this.state.key ? (
<QRCode
getRef={this.svg}
size={w / 2.2}
value={this.state.key}
logo={{uri: LOGO_BASE64}}
logoBorderRadius={10}
/>
) : null}
<Seperator />
<View