Joplin
/
joplin
mirror of https://github.com/laurent22/joplin.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Desktop, Mobile: Hide links to login after process is successful (#10571)

pull/10575/head
pedr 2024-06-12 11:09:52 -03:00 committed by GitHub
parent 4495fc9a03
commit 53d7bc86ca
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 46 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/app-desktop/gui/JoplinCloudLoginScreen.tsx
View File

@ -1,4 +1,4 @@
import { useEffect, useMemo, useReducer, useState } from 'react';
import { Fragment, useEffect, useMemo, useReducer, useState } from 'react';
import ButtonBar from './ConfigScreen/ButtonBar';
import { _ } from '@joplin/lib/locale';
import { clipboard } from 'electron';
@ -77,6 +77,8 @@ const JoplinCloudScreenComponent = (props: Props) => {
return (
<div className="login-page">
<div className="page-container">
{state.active !== 'COMPLETED' ? (
<Fragment>
<p className="text">{_('To allow Joplin to synchronise with Joplin Cloud, please login using this URL:')}</p>
<div className="buttons-container">
<Button
@ -93,6 +95,8 @@ const JoplinCloudScreenComponent = (props: Props) => {
/>
</div>
</Fragment>
) : null}
<p className={state.className}>{state.message()}
{state.active === 'ERROR' ? (
<span className={state.className}>{state.errorMessage}</span>

8
packages/app-mobile/components/screens/JoplinCloudLoginScreen.tsx
View File

@ -145,6 +145,8 @@ const JoplinCloudScreenComponent = (props: Props) => {
<View style={styles.root}>
<ScreenHeader title={_('Joplin Cloud Login')} />
<View style={styles.containerStyle}>
{ state.active !== 'COMPLETED' ?
<React.Fragment>
<Text style={styles.text}>
{_('To allow Joplin to synchronise with Joplin Cloud, please login using this URL:')}
</Text>
@ -158,15 +160,17 @@ const JoplinCloudScreenComponent = (props: Props) => {
{_('Authorise')}
</Button>
</View>
<Text style={styles.smallTextStyle}>Or</Text>
<Text style={styles.smallTextStyle}>{_('Or')}</Text>
<Button
onPress={onCopyToClipboardClicked}
icon='content-copy'
mode='outlined'
>{_('Copy link to website')}
</Button>
</View>
</React.Fragment>
: null
}
<Text style={styles[state.className]}>{state.message()}
{state.active === 'ERROR' ? (
<Text style={styles[state.className]}>{state.errorMessage}</Text>