Page MenuHomePhabricator
Differential D13037

[native] empty bottom sheet for linked devices
ClosedPublic
Actions

Authored by varun on Aug 9 2024, 12:47 PM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Apr 3, 1:14 PM
Unknown Object (File)
Thu, Apr 3, 12:09 PM
Unknown Object (File)
Thu, Apr 3, 8:49 AM
Unknown Object (File)
Tue, Apr 1, 8:40 PM
Unknown Object (File)
Tue, Mar 25, 10:52 AM
Unknown Object (File)
Feb 18 2025, 2:36 PM
Unknown Object (File)
Feb 18 2025, 2:36 PM
Unknown Object (File)
Feb 18 2025, 2:36 PM
View All 71 Files
Subscribers
None

Details

Reviewers
ashoat
tomek
bartek
Commits
rCOMMd2ec3efd9b1d: [native] empty bottom sheet for linked devices
Summary

Depends on D12907

In the next diff, I will add a button to the bottom sheet that lets the user remove the selected secondary device

Test Plan

bottom sheet opens and closes properly

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

varun created this revision.Aug 9 2024, 12:47 PM
varun added a child revision: D13038: [lib] rename PrimaryDeviceLogout -> DeviceLogout.Aug 9 2024, 1:01 PM
Harbormaster completed remote builds in B31027: Diff 43279.Aug 9 2024, 1:06 PM
varun requested review of this revision.Aug 9 2024, 1:06 PM
ashoat accepted this revision.Aug 10 2024, 2:41 PM
ashoat added inline comments.
native/profile/linked-devices-bottom-sheet.react.js
24–25 ↗(On Diff #43279)

Why do we have these two lines?

This revision is now accepted and ready to land.Aug 10 2024, 2:41 PM
Closed by commit rCOMMd2ec3efd9b1d: [native] empty bottom sheet for linked devices (authored by varun). · Explain WhyAug 22 2024, 9:24 AM
This revision was automatically updated to reflect the committed changes.
varun added a commit: rCOMMd2ec3efd9b1d: [native] empty bottom sheet for linked devices.

Revision Contents
Changeset List

Diff 43580

View Options

native/navigation/root-navigator.react.js

Show All 25 Lines
import type { ClientDBMessageInfo } from 'lib/types/message-types.js'; import type { ClientDBMessageInfo } from 'lib/types/message-types.js';
import { cookieTypes } from 'lib/types/session-types.js'; import { cookieTypes } from 'lib/types/session-types.js';
import { defaultConnectionInfo } from 'lib/types/socket-types.js'; import { defaultConnectionInfo } from 'lib/types/socket-types.js';
import { defaultGlobalThemeInfo } from 'lib/types/theme-types.js'; import { defaultGlobalThemeInfo } from 'lib/types/theme-types.js';
import type { ClientDBThreadInfo } from 'lib/types/thread-types.js'; import type { ClientDBThreadInfo } from 'lib/types/thread-types.js';
import { getConfig } from 'lib/utils/config.js'; import { getConfig } from 'lib/utils/config.js';
import { parseCookies } from 'lib/utils/cookie-utils.js'; import { parseCookies } from 'lib/utils/cookie-utils.js';
import { isDev } from 'lib/utils/dev-utils.js'; import { isDev } from 'lib/utils/dev-utils.js';
import { wipeKeyserverStore } from 'lib/utils/keyserver-store-utils.js';
import { import {
generateIDSchemaMigrationOpsForDrafts, generateIDSchemaMigrationOpsForDrafts,
convertDraftStoreToNewIDSchema, convertDraftStoreToNewIDSchema,
} from 'lib/utils/migration-utils.js'; } from 'lib/utils/migration-utils.js';
import { entries } from 'lib/utils/objects.js'; import { entries } from 'lib/utils/objects.js';
import { resetUserSpecificState } from 'lib/utils/reducers-utils.js';
import { import {
convertClientDBThreadInfoToRawThreadInfo, convertClientDBThreadInfoToRawThreadInfo,
convertRawThreadInfoToClientDBThreadInfo, convertRawThreadInfoToClientDBThreadInfo,
} from 'lib/utils/thread-ops-utils.js'; } from 'lib/utils/thread-ops-utils.js';
import commReduxStorageEngine from './comm-redux-storage-engine.js'; import commReduxStorageEngine from './comm-redux-storage-engine.js';
import { defaultWebState } from './default-state.js'; import {
handleReduxMigrationFailure,
persistWhitelist,
} from './handle-redux-migration-failure.js';
import { rootKey, rootKeyPrefix } from './persist-constants.js'; import { rootKey, rootKeyPrefix } from './persist-constants.js';
import type { AppState } from './redux-setup.js'; import type { AppState } from './redux-setup.js';
import { nonUserSpecificFieldsWeb } from './redux-setup.js';
import { authoritativeKeyserverID } from '../authoritative-keyserver.js'; import { authoritativeKeyserverID } from '../authoritative-keyserver.js';
import { getCommSharedWorker } from '../shared-worker/shared-worker-provider.js'; import { getCommSharedWorker } from '../shared-worker/shared-worker-provider.js';
import { getOlmWasmPath } from '../shared-worker/utils/constants.js'; import { getOlmWasmPath } from '../shared-worker/utils/constants.js';
import { isSQLiteSupported } from '../shared-worker/utils/db-utils.js'; import { isSQLiteSupported } from '../shared-worker/utils/db-utils.js';
import { workerRequestMessageTypes } from '../types/worker-types.js'; import { workerRequestMessageTypes } from '../types/worker-types.js';
declare var keyserverURL: string; declare var keyserverURL: string;
const persistWhitelist = [
'enabledApps',
'alertStore',
'commServicesAccessToken',
'keyserverStore',
'globalThemeInfo',
'customServer',
'messageStore',
];
function handleReduxMigrationFailure(oldState: AppState): AppState {
const persistedNonUserSpecificFields = nonUserSpecificFieldsWeb.filter(
field => persistWhitelist.includes(field) || field === '_persist',
);
const stateAfterReset = resetUserSpecificState(
oldState,
defaultWebState,
persistedNonUserSpecificFields,
);
return {
...stateAfterReset,
keyserverStore: wipeKeyserverStore(stateAfterReset.keyserverStore),
};
}
const migrations = { const migrations = {
[1]: async (state: any) => { [1]: async (state: any) => {
const { const {
primaryIdentityPublicKey, primaryIdentityPublicKey,
...stateWithoutPrimaryIdentityPublicKey ...stateWithoutPrimaryIdentityPublicKey
} = state; } = state;
return { return {
...stateWithoutPrimaryIdentityPublicKey, ...stateWithoutPrimaryIdentityPublicKey,
▲ Show 20 Lines • Show All 453 Lines • Show Last 20 Lines
View Options

native/navigation/route-names.js

Show All 25 Lines
import type { ClientDBMessageInfo } from 'lib/types/message-types.js'; import type { ClientDBMessageInfo } from 'lib/types/message-types.js';
import { cookieTypes } from 'lib/types/session-types.js'; import { cookieTypes } from 'lib/types/session-types.js';
import { defaultConnectionInfo } from 'lib/types/socket-types.js'; import { defaultConnectionInfo } from 'lib/types/socket-types.js';
import { defaultGlobalThemeInfo } from 'lib/types/theme-types.js'; import { defaultGlobalThemeInfo } from 'lib/types/theme-types.js';
import type { ClientDBThreadInfo } from 'lib/types/thread-types.js'; import type { ClientDBThreadInfo } from 'lib/types/thread-types.js';
import { getConfig } from 'lib/utils/config.js'; import { getConfig } from 'lib/utils/config.js';
import { parseCookies } from 'lib/utils/cookie-utils.js'; import { parseCookies } from 'lib/utils/cookie-utils.js';
import { isDev } from 'lib/utils/dev-utils.js'; import { isDev } from 'lib/utils/dev-utils.js';
import { wipeKeyserverStore } from 'lib/utils/keyserver-store-utils.js';
import { import {
generateIDSchemaMigrationOpsForDrafts, generateIDSchemaMigrationOpsForDrafts,
convertDraftStoreToNewIDSchema, convertDraftStoreToNewIDSchema,
} from 'lib/utils/migration-utils.js'; } from 'lib/utils/migration-utils.js';
import { entries } from 'lib/utils/objects.js'; import { entries } from 'lib/utils/objects.js';
import { resetUserSpecificState } from 'lib/utils/reducers-utils.js';
import { import {
convertClientDBThreadInfoToRawThreadInfo, convertClientDBThreadInfoToRawThreadInfo,
convertRawThreadInfoToClientDBThreadInfo, convertRawThreadInfoToClientDBThreadInfo,
} from 'lib/utils/thread-ops-utils.js'; } from 'lib/utils/thread-ops-utils.js';
import commReduxStorageEngine from './comm-redux-storage-engine.js'; import commReduxStorageEngine from './comm-redux-storage-engine.js';
import { defaultWebState } from './default-state.js'; import {
handleReduxMigrationFailure,
persistWhitelist,
} from './handle-redux-migration-failure.js';
import { rootKey, rootKeyPrefix } from './persist-constants.js'; import { rootKey, rootKeyPrefix } from './persist-constants.js';
import type { AppState } from './redux-setup.js'; import type { AppState } from './redux-setup.js';
import { nonUserSpecificFieldsWeb } from './redux-setup.js';
import { authoritativeKeyserverID } from '../authoritative-keyserver.js'; import { authoritativeKeyserverID } from '../authoritative-keyserver.js';
import { getCommSharedWorker } from '../shared-worker/shared-worker-provider.js'; import { getCommSharedWorker } from '../shared-worker/shared-worker-provider.js';
import { getOlmWasmPath } from '../shared-worker/utils/constants.js'; import { getOlmWasmPath } from '../shared-worker/utils/constants.js';
import { isSQLiteSupported } from '../shared-worker/utils/db-utils.js'; import { isSQLiteSupported } from '../shared-worker/utils/db-utils.js';
import { workerRequestMessageTypes } from '../types/worker-types.js'; import { workerRequestMessageTypes } from '../types/worker-types.js';
declare var keyserverURL: string; declare var keyserverURL: string;
const persistWhitelist = [
'enabledApps',
'alertStore',
'commServicesAccessToken',
'keyserverStore',
'globalThemeInfo',
'customServer',
'messageStore',
];
function handleReduxMigrationFailure(oldState: AppState): AppState {
const persistedNonUserSpecificFields = nonUserSpecificFieldsWeb.filter(
field => persistWhitelist.includes(field) || field === '_persist',
);
const stateAfterReset = resetUserSpecificState(
oldState,
defaultWebState,
persistedNonUserSpecificFields,
);
return {
...stateAfterReset,
keyserverStore: wipeKeyserverStore(stateAfterReset.keyserverStore),
};
}
const migrations = { const migrations = {
[1]: async (state: any) => { [1]: async (state: any) => {
const { const {
primaryIdentityPublicKey, primaryIdentityPublicKey,
...stateWithoutPrimaryIdentityPublicKey ...stateWithoutPrimaryIdentityPublicKey
} = state; } = state;
return { return {
...stateWithoutPrimaryIdentityPublicKey, ...stateWithoutPrimaryIdentityPublicKey,
▲ Show 20 Lines • Show All 453 Lines • Show Last 20 Lines
View Options

native/profile/linked-devices-bottom-sheet.react.js

Show All 25 Lines
import type { ClientDBMessageInfo } from 'lib/types/message-types.js'; import type { ClientDBMessageInfo } from 'lib/types/message-types.js';
import { cookieTypes } from 'lib/types/session-types.js'; import { cookieTypes } from 'lib/types/session-types.js';
import { defaultConnectionInfo } from 'lib/types/socket-types.js'; import { defaultConnectionInfo } from 'lib/types/socket-types.js';
import { defaultGlobalThemeInfo } from 'lib/types/theme-types.js'; import { defaultGlobalThemeInfo } from 'lib/types/theme-types.js';
import type { ClientDBThreadInfo } from 'lib/types/thread-types.js'; import type { ClientDBThreadInfo } from 'lib/types/thread-types.js';
import { getConfig } from 'lib/utils/config.js'; import { getConfig } from 'lib/utils/config.js';
import { parseCookies } from 'lib/utils/cookie-utils.js'; import { parseCookies } from 'lib/utils/cookie-utils.js';
import { isDev } from 'lib/utils/dev-utils.js'; import { isDev } from 'lib/utils/dev-utils.js';
import { wipeKeyserverStore } from 'lib/utils/keyserver-store-utils.js';
import { import {
generateIDSchemaMigrationOpsForDrafts, generateIDSchemaMigrationOpsForDrafts,
convertDraftStoreToNewIDSchema, convertDraftStoreToNewIDSchema,
} from 'lib/utils/migration-utils.js'; } from 'lib/utils/migration-utils.js';
import { entries } from 'lib/utils/objects.js'; import { entries } from 'lib/utils/objects.js';
import { resetUserSpecificState } from 'lib/utils/reducers-utils.js';
import { import {
convertClientDBThreadInfoToRawThreadInfo, convertClientDBThreadInfoToRawThreadInfo,
convertRawThreadInfoToClientDBThreadInfo, convertRawThreadInfoToClientDBThreadInfo,
} from 'lib/utils/thread-ops-utils.js'; } from 'lib/utils/thread-ops-utils.js';
import commReduxStorageEngine from './comm-redux-storage-engine.js'; import commReduxStorageEngine from './comm-redux-storage-engine.js';
import { defaultWebState } from './default-state.js'; import {
handleReduxMigrationFailure,
persistWhitelist,
} from './handle-redux-migration-failure.js';
import { rootKey, rootKeyPrefix } from './persist-constants.js'; import { rootKey, rootKeyPrefix } from './persist-constants.js';
import type { AppState } from './redux-setup.js'; import type { AppState } from './redux-setup.js';
import { nonUserSpecificFieldsWeb } from './redux-setup.js';
import { authoritativeKeyserverID } from '../authoritative-keyserver.js'; import { authoritativeKeyserverID } from '../authoritative-keyserver.js';
import { getCommSharedWorker } from '../shared-worker/shared-worker-provider.js'; import { getCommSharedWorker } from '../shared-worker/shared-worker-provider.js';
import { getOlmWasmPath } from '../shared-worker/utils/constants.js'; import { getOlmWasmPath } from '../shared-worker/utils/constants.js';
import { isSQLiteSupported } from '../shared-worker/utils/db-utils.js'; import { isSQLiteSupported } from '../shared-worker/utils/db-utils.js';
import { workerRequestMessageTypes } from '../types/worker-types.js'; import { workerRequestMessageTypes } from '../types/worker-types.js';
declare var keyserverURL: string; declare var keyserverURL: string;
const persistWhitelist = [
'enabledApps',
'alertStore',
'commServicesAccessToken',
'keyserverStore',
'globalThemeInfo',
'customServer',
'messageStore',
];
function handleReduxMigrationFailure(oldState: AppState): AppState {
const persistedNonUserSpecificFields = nonUserSpecificFieldsWeb.filter(
field => persistWhitelist.includes(field) || field === '_persist',
);
const stateAfterReset = resetUserSpecificState(
oldState,
defaultWebState,
persistedNonUserSpecificFields,
);
return {
...stateAfterReset,
keyserverStore: wipeKeyserverStore(stateAfterReset.keyserverStore),
};
}
const migrations = { const migrations = {
[1]: async (state: any) => { [1]: async (state: any) => {
const { const {
primaryIdentityPublicKey, primaryIdentityPublicKey,
...stateWithoutPrimaryIdentityPublicKey ...stateWithoutPrimaryIdentityPublicKey
} = state; } = state;
return { return {
...stateWithoutPrimaryIdentityPublicKey, ...stateWithoutPrimaryIdentityPublicKey,
▲ Show 20 Lines • Show All 453 Lines • Show Last 20 Lines
View Options

native/profile/linked-devices-list-item.react.js

Show All 25 Lines
import type { ClientDBMessageInfo } from 'lib/types/message-types.js'; import type { ClientDBMessageInfo } from 'lib/types/message-types.js';
import { cookieTypes } from 'lib/types/session-types.js'; import { cookieTypes } from 'lib/types/session-types.js';
import { defaultConnectionInfo } from 'lib/types/socket-types.js'; import { defaultConnectionInfo } from 'lib/types/socket-types.js';
import { defaultGlobalThemeInfo } from 'lib/types/theme-types.js'; import { defaultGlobalThemeInfo } from 'lib/types/theme-types.js';
import type { ClientDBThreadInfo } from 'lib/types/thread-types.js'; import type { ClientDBThreadInfo } from 'lib/types/thread-types.js';
import { getConfig } from 'lib/utils/config.js'; import { getConfig } from 'lib/utils/config.js';
import { parseCookies } from 'lib/utils/cookie-utils.js'; import { parseCookies } from 'lib/utils/cookie-utils.js';
import { isDev } from 'lib/utils/dev-utils.js'; import { isDev } from 'lib/utils/dev-utils.js';
import { wipeKeyserverStore } from 'lib/utils/keyserver-store-utils.js';
import { import {
generateIDSchemaMigrationOpsForDrafts, generateIDSchemaMigrationOpsForDrafts,
convertDraftStoreToNewIDSchema, convertDraftStoreToNewIDSchema,
} from 'lib/utils/migration-utils.js'; } from 'lib/utils/migration-utils.js';
import { entries } from 'lib/utils/objects.js'; import { entries } from 'lib/utils/objects.js';
import { resetUserSpecificState } from 'lib/utils/reducers-utils.js';
import { import {
convertClientDBThreadInfoToRawThreadInfo, convertClientDBThreadInfoToRawThreadInfo,
convertRawThreadInfoToClientDBThreadInfo, convertRawThreadInfoToClientDBThreadInfo,
} from 'lib/utils/thread-ops-utils.js'; } from 'lib/utils/thread-ops-utils.js';
import commReduxStorageEngine from './comm-redux-storage-engine.js'; import commReduxStorageEngine from './comm-redux-storage-engine.js';
import { defaultWebState } from './default-state.js'; import {
handleReduxMigrationFailure,
persistWhitelist,
} from './handle-redux-migration-failure.js';
import { rootKey, rootKeyPrefix } from './persist-constants.js'; import { rootKey, rootKeyPrefix } from './persist-constants.js';
import type { AppState } from './redux-setup.js'; import type { AppState } from './redux-setup.js';
import { nonUserSpecificFieldsWeb } from './redux-setup.js';
import { authoritativeKeyserverID } from '../authoritative-keyserver.js'; import { authoritativeKeyserverID } from '../authoritative-keyserver.js';
import { getCommSharedWorker } from '../shared-worker/shared-worker-provider.js'; import { getCommSharedWorker } from '../shared-worker/shared-worker-provider.js';
import { getOlmWasmPath } from '../shared-worker/utils/constants.js'; import { getOlmWasmPath } from '../shared-worker/utils/constants.js';
import { isSQLiteSupported } from '../shared-worker/utils/db-utils.js'; import { isSQLiteSupported } from '../shared-worker/utils/db-utils.js';
import { workerRequestMessageTypes } from '../types/worker-types.js'; import { workerRequestMessageTypes } from '../types/worker-types.js';
declare var keyserverURL: string; declare var keyserverURL: string;
const persistWhitelist = [
'enabledApps',
'alertStore',
'commServicesAccessToken',
'keyserverStore',
'globalThemeInfo',
'customServer',
'messageStore',
];
function handleReduxMigrationFailure(oldState: AppState): AppState {
const persistedNonUserSpecificFields = nonUserSpecificFieldsWeb.filter(
field => persistWhitelist.includes(field) || field === '_persist',
);
const stateAfterReset = resetUserSpecificState(
oldState,
defaultWebState,
persistedNonUserSpecificFields,
);
return {
...stateAfterReset,
keyserverStore: wipeKeyserverStore(stateAfterReset.keyserverStore),
};
}
const migrations = { const migrations = {
[1]: async (state: any) => { [1]: async (state: any) => {
const { const {
primaryIdentityPublicKey, primaryIdentityPublicKey,
...stateWithoutPrimaryIdentityPublicKey ...stateWithoutPrimaryIdentityPublicKey
} = state; } = state;
return { return {
...stateWithoutPrimaryIdentityPublicKey, ...stateWithoutPrimaryIdentityPublicKey,
▲ Show 20 Lines • Show All 453 Lines • Show Last 20 Lines