Page MenuHomePhabricator
Differential D12060

[keyserver/lib/web] include communityStore in the initialReduxState
AbandonedPublic
Actions

Authored by ginsu on May 15 2024, 6:13 PM.
Tags
None
Referenced Files
Unknown Object (File)
Wed, Apr 16, 6:47 AM
Unknown Object (File)
Tue, Apr 15, 9:05 PM
Unknown Object (File)
Tue, Apr 15, 11:56 AM
Unknown Object (File)
Mar 7 2025, 7:45 PM
Unknown Object (File)
Mar 5 2025, 3:06 AM
Unknown Object (File)
Feb 28 2025, 4:55 PM
Unknown Object (File)
Feb 27 2025, 1:11 AM
Unknown Object (File)
Feb 21 2025, 5:37 PM
View All 56 Files
Subscribers
ashoat
tomek

Details

Reviewers
tomek
kamil
Summary

We need to include the communityStore in the initialReduxState as part of the work to introducing the communities table in the keyserver

Depends on D12043

Test Plan

Confirmed that the community store with the correct community infos was a part of the SET_INITIAL_REDUX_STATE action payload

Diff Detail

Repository
rCOMM Comm
Lint
No Lint Coverage
Unit
No Test Coverage

Event Timeline

ginsu created this revision.May 15 2024, 6:13 PM
Herald added subscribers: tomek, ashoat. · View Herald TranscriptMay 15 2024, 6:13 PM
ginsu edited the test plan for this revision. (Show Details)May 15 2024, 6:18 PM
ginsu added reviewers: tomek, kamil.
ginsu edited the summary of this revision. (Show Details)
ginsu edited the summary of this revision. (Show Details)
ginsu added inline comments.
keyserver/src/fetchers/community-fetchers.js
16

As I was testing, noticed this issue, and snuck a fix here

Harbormaster completed remote builds in B28965: Diff 40262.May 15 2024, 6:30 PM
ginsu requested review of this revision.May 15 2024, 6:30 PM
ashoat added inline comments.May 15 2024, 7:06 PM
keyserver/src/fetchers/community-fetchers.js
16

I don't see a stack attached to this diff, but I also don't see this file on master. Can you attach a stack, and add this fix to the diff that made the initial error?

ginsu added a child revision: D12061: [lib] introduce new updateRolesAndPermissions migration util.May 15 2024, 7:07 PM
ginsu edited the summary of this revision. (Show Details)May 15 2024, 7:11 PM
ginsu added a parent revision: D12043: [native] introduce RemoveTagButton.
kamil added a comment.May 17 2024, 4:01 AM

One question:
If I remember correctly CommunityStore was introduced directly for SQLite which means web clients should have it - so there is no need to fetch and return it again as this is a duplication of data client should have.
If communityStore changed in keyserver DB we should have some mechanism (updates/state sync/handler which fetches it) to get the newest data.

If my suspicion is correct this diff is not needed but I wasn't reviewing the rest of the stack and I am missing some context so sorry for confusing if this was taken into account and this is still needed.

ginsu added inline comments.May 20 2024, 2:54 AM
keyserver/src/fetchers/community-fetchers.js
16

D11955 was the offending diff. Just updated it to fix this issue.

tomek requested changes to this revision.May 28 2024, 4:47 AM
In D12060#344877, @kamil wrote:

One question:
If I remember correctly CommunityStore was introduced directly for SQLite which means web clients should have it - so there is no need to fetch and return it again as this is a duplication of data client should have.
If communityStore changed in keyserver DB we should have some mechanism (updates/state sync/handler which fetches it) to get the newest data.

If my suspicion is correct this diff is not needed but I wasn't reviewing the rest of the stack and I am missing some context so sorry for confusing if this was taken into account and this is still needed.

With the refresher approach we don't need to persist this data at all - opening the drawer / focusing web app would result in new data being sent from the keyserver.

If we don't trust our persistence, we can keep this diff and persist its result on clients - this would mean that we never use the persisted state on the web. Later we can update the approach.

In the final approach, we would need the clients to send an additional parameter telling if the server should include communityStore in the initial state. An alternative might be to abandon this diff and avoid sending the store in the initial state.

Requesting changes because we need to make a decision here.

This revision now requires changes to proceed.May 28 2024, 4:47 AM
ginsu abandoned this revision.Jun 10 2024, 7:10 AM

An alternative might be to abandon this diff and avoid sending the store in the initial state.

This makes sense and since we only use this info when we open the community drawer on native and when we focus the app on web, abandoning this diff is probably the best approach for now so that we can keep the scope limited.

Revision Contents
Changeset List

PathSize
keyserver/
src/
fetchers/
2 lines
responders/
20 lines
lib/
types/
10 lines
2 lines
validators/
2 lines
web/
redux/
9 lines
types/
2 lines

Diff 40262

View Options

keyserver/src/fetchers/community-fetchers.js

Show All 21 Lines
import { SafeAreaView } from 'react-native-safe-area-context'; import { SafeAreaView } from 'react-native-safe-area-context';
import { useIsLoggedInToAuthoritativeKeyserver } from 'lib/hooks/account-hooks.js'; import { useIsLoggedInToAuthoritativeKeyserver } from 'lib/hooks/account-hooks.js';
import { setActiveSessionRecoveryActionType } from 'lib/keyserver-conn/keyserver-conn-types.js'; import { setActiveSessionRecoveryActionType } from 'lib/keyserver-conn/keyserver-conn-types.js';
import { usePersistedStateLoaded } from 'lib/selectors/app-state-selectors.js'; import { usePersistedStateLoaded } from 'lib/selectors/app-state-selectors.js';
import { isLoggedIn } from 'lib/selectors/user-selectors.js'; import { isLoggedIn } from 'lib/selectors/user-selectors.js';
import { recoveryFromReduxActionSources } from 'lib/types/account-types.js'; import { recoveryFromReduxActionSources } from 'lib/types/account-types.js';
import { useDispatch } from 'lib/utils/redux-utils.js'; import { useDispatch } from 'lib/utils/redux-utils.js';
import { usingCommServicesAccessToken } from 'lib/utils/services-utils.js'; import {
usingCommServicesAccessToken,
usingRestoreFlow,
} from 'lib/utils/services-utils.js';
import { splashBackgroundURI } from './background-info.js'; import { splashBackgroundURI } from './background-info.js';
import FullscreenSIWEPanel from './fullscreen-siwe-panel.react.js'; import FullscreenSIWEPanel from './fullscreen-siwe-panel.react.js';
import LogInPanel from './log-in-panel.react.js'; import LogInPanel from './log-in-panel.react.js';
import type { LogInState } from './log-in-panel.react.js'; import type { LogInState } from './log-in-panel.react.js';
import LoggedOutStaffInfo from './logged-out-staff-info.react.js'; import LoggedOutStaffInfo from './logged-out-staff-info.react.js';
import { authoritativeKeyserverID } from '../authoritative-keyserver.js'; import { authoritativeKeyserverID } from '../authoritative-keyserver.js';
import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js'; import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js';
▲ Show 20 Lines • Show All 452 Lines • ▼ Show 20 Lines const buttonsViewStyle = React.useMemo(
[styles.buttonContainer, buttonsViewOpacity], [styles.buttonContainer, buttonsViewOpacity],
); );
const buttons = React.useMemo(() => { const buttons = React.useMemo(() => {
if (mode.curMode !== 'prompt') { if (mode.curMode !== 'prompt') {
return null; return null;
} }
const signInButtons = []; const signInButtons = [];
if (!usingRestoreFlow) {
signInButtons.push( signInButtons.push(
<TouchableOpacity <TouchableOpacity
onPress={onPressLogIn} onPress={onPressLogIn}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="login-form" key="login-form"
> >
<Text style={classicAuthButtonTextStyle}>Sign in</Text> <Text style={classicAuthButtonTextStyle}>Sign in</Text>
</TouchableOpacity>, </TouchableOpacity>,
); );
if (__DEV__) { }
if (__DEV__ || usingRestoreFlow) {
const buttonText = usingRestoreFlow ? 'Sign in' : 'Sign in (QR)';
signInButtons.push( signInButtons.push(
<TouchableOpacity <TouchableOpacity
onPress={onPressQRCodeSignIn} onPress={onPressQRCodeSignIn}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="qr-code-login" key="qr-code-login"
> >
<Text style={classicAuthButtonTextStyle}>Sign in (QR)</Text> <Text style={classicAuthButtonTextStyle}>{buttonText}</Text>
</TouchableOpacity>, </TouchableOpacity>,
); );
} }
return ( let siweSection = null;
<AnimatedView style={buttonsViewStyle}> if (!usingRestoreFlow) {
<LoggedOutStaffInfo /> siweSection = (
<>
<TouchableOpacity <TouchableOpacity
onPress={onPressSIWE} onPress={onPressSIWE}
style={siweAuthButtonStyle} style={siweAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
> >
<View style={styles.siweIcon}> <View style={styles.siweIcon}>
<EthereumLogo /> <EthereumLogo />
</View> </View>
<Text style={siweAuthButtonTextStyle}>Sign in with Ethereum</Text> <Text style={siweAuthButtonTextStyle}>Sign in with Ethereum</Text>
</TouchableOpacity> </TouchableOpacity>
<View style={styles.siweOr}> <View style={styles.siweOr}>
<View style={styles.siweOrLeftHR} /> <View style={styles.siweOrLeftHR} />
<Text style={styles.siweOrText}>or</Text> <Text style={styles.siweOrText}>or</Text>
<View style={styles.siweOrRightHR} /> <View style={styles.siweOrRightHR} />
</View> </View>
</>
);
}
return (
<AnimatedView style={buttonsViewStyle}>
<LoggedOutStaffInfo />
{siweSection}
<View style={styles.signInButtons}>{signInButtons}</View> <View style={styles.signInButtons}>{signInButtons}</View>
<View style={styles.registerButtons}> <View style={styles.registerButtons}>
<TouchableOpacity <TouchableOpacity
onPress={onPressNewRegister} onPress={onPressNewRegister}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="new" key="new"
> >
▲ Show 20 Lines • Show All 110 Lines • Show Last 20 Lines
View Options

keyserver/src/responders/redux-state-responders.js

Show All 21 Lines
import { SafeAreaView } from 'react-native-safe-area-context'; import { SafeAreaView } from 'react-native-safe-area-context';
import { useIsLoggedInToAuthoritativeKeyserver } from 'lib/hooks/account-hooks.js'; import { useIsLoggedInToAuthoritativeKeyserver } from 'lib/hooks/account-hooks.js';
import { setActiveSessionRecoveryActionType } from 'lib/keyserver-conn/keyserver-conn-types.js'; import { setActiveSessionRecoveryActionType } from 'lib/keyserver-conn/keyserver-conn-types.js';
import { usePersistedStateLoaded } from 'lib/selectors/app-state-selectors.js'; import { usePersistedStateLoaded } from 'lib/selectors/app-state-selectors.js';
import { isLoggedIn } from 'lib/selectors/user-selectors.js'; import { isLoggedIn } from 'lib/selectors/user-selectors.js';
import { recoveryFromReduxActionSources } from 'lib/types/account-types.js'; import { recoveryFromReduxActionSources } from 'lib/types/account-types.js';
import { useDispatch } from 'lib/utils/redux-utils.js'; import { useDispatch } from 'lib/utils/redux-utils.js';
import { usingCommServicesAccessToken } from 'lib/utils/services-utils.js'; import {
usingCommServicesAccessToken,
usingRestoreFlow,
} from 'lib/utils/services-utils.js';
import { splashBackgroundURI } from './background-info.js'; import { splashBackgroundURI } from './background-info.js';
import FullscreenSIWEPanel from './fullscreen-siwe-panel.react.js'; import FullscreenSIWEPanel from './fullscreen-siwe-panel.react.js';
import LogInPanel from './log-in-panel.react.js'; import LogInPanel from './log-in-panel.react.js';
import type { LogInState } from './log-in-panel.react.js'; import type { LogInState } from './log-in-panel.react.js';
import LoggedOutStaffInfo from './logged-out-staff-info.react.js'; import LoggedOutStaffInfo from './logged-out-staff-info.react.js';
import { authoritativeKeyserverID } from '../authoritative-keyserver.js'; import { authoritativeKeyserverID } from '../authoritative-keyserver.js';
import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js'; import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js';
▲ Show 20 Lines • Show All 452 Lines • ▼ Show 20 Lines const buttonsViewStyle = React.useMemo(
[styles.buttonContainer, buttonsViewOpacity], [styles.buttonContainer, buttonsViewOpacity],
); );
const buttons = React.useMemo(() => { const buttons = React.useMemo(() => {
if (mode.curMode !== 'prompt') { if (mode.curMode !== 'prompt') {
return null; return null;
} }
const signInButtons = []; const signInButtons = [];
if (!usingRestoreFlow) {
signInButtons.push( signInButtons.push(
<TouchableOpacity <TouchableOpacity
onPress={onPressLogIn} onPress={onPressLogIn}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="login-form" key="login-form"
> >
<Text style={classicAuthButtonTextStyle}>Sign in</Text> <Text style={classicAuthButtonTextStyle}>Sign in</Text>
</TouchableOpacity>, </TouchableOpacity>,
); );
if (__DEV__) { }
if (__DEV__ || usingRestoreFlow) {
const buttonText = usingRestoreFlow ? 'Sign in' : 'Sign in (QR)';
signInButtons.push( signInButtons.push(
<TouchableOpacity <TouchableOpacity
onPress={onPressQRCodeSignIn} onPress={onPressQRCodeSignIn}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="qr-code-login" key="qr-code-login"
> >
<Text style={classicAuthButtonTextStyle}>Sign in (QR)</Text> <Text style={classicAuthButtonTextStyle}>{buttonText}</Text>
</TouchableOpacity>, </TouchableOpacity>,
); );
} }
return ( let siweSection = null;
<AnimatedView style={buttonsViewStyle}> if (!usingRestoreFlow) {
<LoggedOutStaffInfo /> siweSection = (
<>
<TouchableOpacity <TouchableOpacity
onPress={onPressSIWE} onPress={onPressSIWE}
style={siweAuthButtonStyle} style={siweAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
> >
<View style={styles.siweIcon}> <View style={styles.siweIcon}>
<EthereumLogo /> <EthereumLogo />
</View> </View>
<Text style={siweAuthButtonTextStyle}>Sign in with Ethereum</Text> <Text style={siweAuthButtonTextStyle}>Sign in with Ethereum</Text>
</TouchableOpacity> </TouchableOpacity>
<View style={styles.siweOr}> <View style={styles.siweOr}>
<View style={styles.siweOrLeftHR} /> <View style={styles.siweOrLeftHR} />
<Text style={styles.siweOrText}>or</Text> <Text style={styles.siweOrText}>or</Text>
<View style={styles.siweOrRightHR} /> <View style={styles.siweOrRightHR} />
</View> </View>
</>
);
}
return (
<AnimatedView style={buttonsViewStyle}>
<LoggedOutStaffInfo />
{siweSection}
<View style={styles.signInButtons}>{signInButtons}</View> <View style={styles.signInButtons}>{signInButtons}</View>
<View style={styles.registerButtons}> <View style={styles.registerButtons}>
<TouchableOpacity <TouchableOpacity
onPress={onPressNewRegister} onPress={onPressNewRegister}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="new" key="new"
> >
▲ Show 20 Lines • Show All 110 Lines • Show Last 20 Lines
View Options

lib/types/community-types.js

Show All 21 Lines
import { SafeAreaView } from 'react-native-safe-area-context'; import { SafeAreaView } from 'react-native-safe-area-context';
import { useIsLoggedInToAuthoritativeKeyserver } from 'lib/hooks/account-hooks.js'; import { useIsLoggedInToAuthoritativeKeyserver } from 'lib/hooks/account-hooks.js';
import { setActiveSessionRecoveryActionType } from 'lib/keyserver-conn/keyserver-conn-types.js'; import { setActiveSessionRecoveryActionType } from 'lib/keyserver-conn/keyserver-conn-types.js';
import { usePersistedStateLoaded } from 'lib/selectors/app-state-selectors.js'; import { usePersistedStateLoaded } from 'lib/selectors/app-state-selectors.js';
import { isLoggedIn } from 'lib/selectors/user-selectors.js'; import { isLoggedIn } from 'lib/selectors/user-selectors.js';
import { recoveryFromReduxActionSources } from 'lib/types/account-types.js'; import { recoveryFromReduxActionSources } from 'lib/types/account-types.js';
import { useDispatch } from 'lib/utils/redux-utils.js'; import { useDispatch } from 'lib/utils/redux-utils.js';
import { usingCommServicesAccessToken } from 'lib/utils/services-utils.js'; import {
usingCommServicesAccessToken,
usingRestoreFlow,
} from 'lib/utils/services-utils.js';
import { splashBackgroundURI } from './background-info.js'; import { splashBackgroundURI } from './background-info.js';
import FullscreenSIWEPanel from './fullscreen-siwe-panel.react.js'; import FullscreenSIWEPanel from './fullscreen-siwe-panel.react.js';
import LogInPanel from './log-in-panel.react.js'; import LogInPanel from './log-in-panel.react.js';
import type { LogInState } from './log-in-panel.react.js'; import type { LogInState } from './log-in-panel.react.js';
import LoggedOutStaffInfo from './logged-out-staff-info.react.js'; import LoggedOutStaffInfo from './logged-out-staff-info.react.js';
import { authoritativeKeyserverID } from '../authoritative-keyserver.js'; import { authoritativeKeyserverID } from '../authoritative-keyserver.js';
import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js'; import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js';
▲ Show 20 Lines • Show All 452 Lines • ▼ Show 20 Lines const buttonsViewStyle = React.useMemo(
[styles.buttonContainer, buttonsViewOpacity], [styles.buttonContainer, buttonsViewOpacity],
); );
const buttons = React.useMemo(() => { const buttons = React.useMemo(() => {
if (mode.curMode !== 'prompt') { if (mode.curMode !== 'prompt') {
return null; return null;
} }
const signInButtons = []; const signInButtons = [];
if (!usingRestoreFlow) {
signInButtons.push( signInButtons.push(
<TouchableOpacity <TouchableOpacity
onPress={onPressLogIn} onPress={onPressLogIn}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="login-form" key="login-form"
> >
<Text style={classicAuthButtonTextStyle}>Sign in</Text> <Text style={classicAuthButtonTextStyle}>Sign in</Text>
</TouchableOpacity>, </TouchableOpacity>,
); );
if (__DEV__) { }
if (__DEV__ || usingRestoreFlow) {
const buttonText = usingRestoreFlow ? 'Sign in' : 'Sign in (QR)';
signInButtons.push( signInButtons.push(
<TouchableOpacity <TouchableOpacity
onPress={onPressQRCodeSignIn} onPress={onPressQRCodeSignIn}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="qr-code-login" key="qr-code-login"
> >
<Text style={classicAuthButtonTextStyle}>Sign in (QR)</Text> <Text style={classicAuthButtonTextStyle}>{buttonText}</Text>
</TouchableOpacity>, </TouchableOpacity>,
); );
} }
return ( let siweSection = null;
<AnimatedView style={buttonsViewStyle}> if (!usingRestoreFlow) {
<LoggedOutStaffInfo /> siweSection = (
<>
<TouchableOpacity <TouchableOpacity
onPress={onPressSIWE} onPress={onPressSIWE}
style={siweAuthButtonStyle} style={siweAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
> >
<View style={styles.siweIcon}> <View style={styles.siweIcon}>
<EthereumLogo /> <EthereumLogo />
</View> </View>
<Text style={siweAuthButtonTextStyle}>Sign in with Ethereum</Text> <Text style={siweAuthButtonTextStyle}>Sign in with Ethereum</Text>
</TouchableOpacity> </TouchableOpacity>
<View style={styles.siweOr}> <View style={styles.siweOr}>
<View style={styles.siweOrLeftHR} /> <View style={styles.siweOrLeftHR} />
<Text style={styles.siweOrText}>or</Text> <Text style={styles.siweOrText}>or</Text>
<View style={styles.siweOrRightHR} /> <View style={styles.siweOrRightHR} />
</View> </View>
</>
);
}
return (
<AnimatedView style={buttonsViewStyle}>
<LoggedOutStaffInfo />
{siweSection}
<View style={styles.signInButtons}>{signInButtons}</View> <View style={styles.signInButtons}>{signInButtons}</View>
<View style={styles.registerButtons}> <View style={styles.registerButtons}>
<TouchableOpacity <TouchableOpacity
onPress={onPressNewRegister} onPress={onPressNewRegister}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="new" key="new"
> >
▲ Show 20 Lines • Show All 110 Lines • Show Last 20 Lines
View Options

lib/types/redux-types.js

Show All 21 Lines
import { SafeAreaView } from 'react-native-safe-area-context'; import { SafeAreaView } from 'react-native-safe-area-context';
import { useIsLoggedInToAuthoritativeKeyserver } from 'lib/hooks/account-hooks.js'; import { useIsLoggedInToAuthoritativeKeyserver } from 'lib/hooks/account-hooks.js';
import { setActiveSessionRecoveryActionType } from 'lib/keyserver-conn/keyserver-conn-types.js'; import { setActiveSessionRecoveryActionType } from 'lib/keyserver-conn/keyserver-conn-types.js';
import { usePersistedStateLoaded } from 'lib/selectors/app-state-selectors.js'; import { usePersistedStateLoaded } from 'lib/selectors/app-state-selectors.js';
import { isLoggedIn } from 'lib/selectors/user-selectors.js'; import { isLoggedIn } from 'lib/selectors/user-selectors.js';
import { recoveryFromReduxActionSources } from 'lib/types/account-types.js'; import { recoveryFromReduxActionSources } from 'lib/types/account-types.js';
import { useDispatch } from 'lib/utils/redux-utils.js'; import { useDispatch } from 'lib/utils/redux-utils.js';
import { usingCommServicesAccessToken } from 'lib/utils/services-utils.js'; import {
usingCommServicesAccessToken,
usingRestoreFlow,
} from 'lib/utils/services-utils.js';
import { splashBackgroundURI } from './background-info.js'; import { splashBackgroundURI } from './background-info.js';
import FullscreenSIWEPanel from './fullscreen-siwe-panel.react.js'; import FullscreenSIWEPanel from './fullscreen-siwe-panel.react.js';
import LogInPanel from './log-in-panel.react.js'; import LogInPanel from './log-in-panel.react.js';
import type { LogInState } from './log-in-panel.react.js'; import type { LogInState } from './log-in-panel.react.js';
import LoggedOutStaffInfo from './logged-out-staff-info.react.js'; import LoggedOutStaffInfo from './logged-out-staff-info.react.js';
import { authoritativeKeyserverID } from '../authoritative-keyserver.js'; import { authoritativeKeyserverID } from '../authoritative-keyserver.js';
import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js'; import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js';
▲ Show 20 Lines • Show All 452 Lines • ▼ Show 20 Lines const buttonsViewStyle = React.useMemo(
[styles.buttonContainer, buttonsViewOpacity], [styles.buttonContainer, buttonsViewOpacity],
); );
const buttons = React.useMemo(() => { const buttons = React.useMemo(() => {
if (mode.curMode !== 'prompt') { if (mode.curMode !== 'prompt') {
return null; return null;
} }
const signInButtons = []; const signInButtons = [];
if (!usingRestoreFlow) {
signInButtons.push( signInButtons.push(
<TouchableOpacity <TouchableOpacity
onPress={onPressLogIn} onPress={onPressLogIn}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="login-form" key="login-form"
> >
<Text style={classicAuthButtonTextStyle}>Sign in</Text> <Text style={classicAuthButtonTextStyle}>Sign in</Text>
</TouchableOpacity>, </TouchableOpacity>,
); );
if (__DEV__) { }
if (__DEV__ || usingRestoreFlow) {
const buttonText = usingRestoreFlow ? 'Sign in' : 'Sign in (QR)';
signInButtons.push( signInButtons.push(
<TouchableOpacity <TouchableOpacity
onPress={onPressQRCodeSignIn} onPress={onPressQRCodeSignIn}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="qr-code-login" key="qr-code-login"
> >
<Text style={classicAuthButtonTextStyle}>Sign in (QR)</Text> <Text style={classicAuthButtonTextStyle}>{buttonText}</Text>
</TouchableOpacity>, </TouchableOpacity>,
); );
} }
return ( let siweSection = null;
<AnimatedView style={buttonsViewStyle}> if (!usingRestoreFlow) {
<LoggedOutStaffInfo /> siweSection = (
<>
<TouchableOpacity <TouchableOpacity
onPress={onPressSIWE} onPress={onPressSIWE}
style={siweAuthButtonStyle} style={siweAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
> >
<View style={styles.siweIcon}> <View style={styles.siweIcon}>
<EthereumLogo /> <EthereumLogo />
</View> </View>
<Text style={siweAuthButtonTextStyle}>Sign in with Ethereum</Text> <Text style={siweAuthButtonTextStyle}>Sign in with Ethereum</Text>
</TouchableOpacity> </TouchableOpacity>
<View style={styles.siweOr}> <View style={styles.siweOr}>
<View style={styles.siweOrLeftHR} /> <View style={styles.siweOrLeftHR} />
<Text style={styles.siweOrText}>or</Text> <Text style={styles.siweOrText}>or</Text>
<View style={styles.siweOrRightHR} /> <View style={styles.siweOrRightHR} />
</View> </View>
</>
);
}
return (
<AnimatedView style={buttonsViewStyle}>
<LoggedOutStaffInfo />
{siweSection}
<View style={styles.signInButtons}>{signInButtons}</View> <View style={styles.signInButtons}>{signInButtons}</View>
<View style={styles.registerButtons}> <View style={styles.registerButtons}>
<TouchableOpacity <TouchableOpacity
onPress={onPressNewRegister} onPress={onPressNewRegister}
style={classicAuthButtonStyle} style={classicAuthButtonStyle}
activeOpacity={0.6} activeOpacity={0.6}
key="new" key="new"
> >
▲ Show 20 Lines • Show All 110 Lines • Show Last 20 Lines
View Options

lib/types/validators/redux-state-validators.js

Loading...
View Options

web/redux/action-types.js

Loading...
View Options

web/types/redux-types.js

Loading...