Page MenuHomePhabricator
Files F3298180

D8818.diff
No OneTemporary
Actions

D8818.diff
View Options

diff --git a/lib/utils/url-utils.js b/lib/utils/url-utils.js
--- a/lib/utils/url-utils.js
+++ b/lib/utils/url-utils.js
@@ -14,6 +14,7 @@
+threadCreation?: boolean,
+selectedUserList?: $ReadOnlyArray<string>,
+inviteSecret?: string,
+ +qrCode?: boolean,
...
};
@@ -39,6 +40,7 @@
'(/|^)handle/invite/([a-zA-Z0-9]+)(/|$)',
'i',
);
+const qrCodeLoginRegex = new RegExp('(/|^)qr-code(/|$)', 'i');
function infoFromURL(url: string): URLInfo {
const yearMatches = yearRegex.exec(url);
@@ -52,6 +54,7 @@
const threadPendingMatches = threadPendingRegex.exec(url);
const threadCreateMatches = threadCreationRegex.exec(url);
const inviteLinkMatches = inviteLinkRegex.exec(url);
+ const qrCodeLoginMatches = qrCodeLoginRegex.exec(url);
const returnObj = {};
if (yearMatches) {
@@ -88,6 +91,8 @@
returnObj.settings = 'account';
} else if (dangerZoneTest) {
returnObj.settings = 'danger-zone';
+ } else if (qrCodeLoginMatches) {
+ returnObj.qrCode = true;
}
return returnObj;
}
diff --git a/web/account/log-in-form.react.js b/web/account/log-in-form.react.js
--- a/web/account/log-in-form.react.js
+++ b/web/account/log-in-form.react.js
@@ -16,6 +16,7 @@
import Button from '../components/button.react.js';
import OrBreak from '../components/or-break.react.js';
import { initOlm } from '../olm/olm-utils.js';
+import { updateNavInfoActionType } from '../redux/action-types.js';
import {
setPrimaryIdentityKeys,
setNotificationIdentityKeys,
@@ -101,7 +102,14 @@
})();
}, [dispatch, notificationIdentityPublicKeys, primaryIdentityPublicKeys]);
- const onQRCodeLoginButtonClick = React.useCallback(() => {}, []);
+ const onQRCodeLoginButtonClick = React.useCallback(() => {
+ dispatch({
+ type: updateNavInfoActionType,
+ payload: {
+ loginMethod: 'qr-code',
+ },
+ });
+ }, [dispatch]);
const qrCodeLoginButton = React.useMemo(() => {
if (!isDev) {
diff --git a/web/account/qr-code-login.react.js b/web/account/qr-code-login.react.js
new file mode 100644
--- /dev/null
+++ b/web/account/qr-code-login.react.js
@@ -0,0 +1,9 @@
+// @flow
+
+import * as React from 'react';
+
+function QrCodeLogin(): React.Node {
+ return <div />;
+}
+
+export default QrCodeLogin;
diff --git a/web/app.react.js b/web/app.react.js
--- a/web/app.react.js
+++ b/web/app.react.js
@@ -32,6 +32,7 @@
import { infoFromURL } from 'lib/utils/url-utils.js';
import { WagmiENSCacheProvider, wagmiClient } from 'lib/utils/wagmi-utils.js';
+import QrCodeLogin from './account/qr-code-login.react.js';
import WebEditThreadAvatarProvider from './avatars/native-edit-thread-avatar-provider.react.js';
import Calendar from './calendar/calendar.react.js';
import Chat from './chat/chat.react.js';
@@ -179,7 +180,7 @@
} else {
content = (
<>
- <Splash />
+ {this.renderLoginPage()}
{this.props.modals}
</>
);
@@ -213,6 +214,16 @@
onHeaderDoubleClick = () => electron?.doubleClickTopBar();
stopDoubleClickPropagation = electron ? e => e.stopPropagation() : null;
+ renderLoginPage() {
+ const { loginMethod } = this.props.navInfo;
+
+ if (loginMethod === 'qr-code') {
+ return <QrCodeLogin />;
+ }
+
+ return <Splash />;
+ }
+
renderMainContent() {
const mainContent = this.getMainContentWithSwitcher();
diff --git a/web/types/nav-types.js b/web/types/nav-types.js
--- a/web/types/nav-types.js
+++ b/web/types/nav-types.js
@@ -14,6 +14,7 @@
import { tID, tShape } from 'lib/utils/validation-utils.js';
export type NavigationTab = 'calendar' | 'chat' | 'settings';
+export type LoginMethod = 'form' | 'qr-code';
const navigationTabValidator = t.enums.of(['calendar', 'chat', 'settings']);
export type NavigationSettingsSection = 'account' | 'danger-zone';
@@ -34,6 +35,7 @@
+selectedUserList?: $ReadOnlyArray<AccountUserInfo>,
+chatMode?: NavigationChatMode,
+inviteSecret?: ?string,
+ +loginMethod?: LoginMethod,
};
export const navInfoValidator: TInterface<NavInfo> = tShape<$Exact<NavInfo>>({
diff --git a/web/url-utils.js b/web/url-utils.js
--- a/web/url-utils.js
+++ b/web/url-utils.js
@@ -70,6 +70,8 @@
} else if (navInfo.tab === 'settings' && navInfo.settingsSection) {
newURL += `${navInfo.settingsSection}/`;
}
+ } else if (navInfo.loginMethod === 'qr-code') {
+ newURL += 'qr-code/';
}
return newURL;
@@ -147,6 +149,12 @@
newNavInfo.inviteSecret = urlInfo.inviteSecret;
}
+ if (urlInfo.qrCode) {
+ newNavInfo.loginMethod = 'qr-code';
+ } else {
+ newNavInfo.loginMethod = 'form';
+ }
+
return newNavInfo;
}

File Metadata

Mime Type
text/plain
Expires
Mon, Nov 18, 4:52 AM (18 h, 15 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2533905
Default Alt Text
D8818.diff (4 KB)

Event Timeline