Page MenuHomePhabricator
Differential D10081

[web] introduce confirmation alert component
ClosedPublic
Actions

Authored by ginsu on Nov 28 2023, 8:32 PM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Mar 13, 5:57 AM
Unknown Object (File)
Thu, Mar 13, 5:57 AM
Unknown Object (File)
Thu, Mar 13, 5:57 AM
Unknown Object (File)
Thu, Mar 13, 5:57 AM
Unknown Object (File)
Thu, Mar 13, 5:57 AM
Unknown Object (File)
Jan 28 2025, 2:11 PM
Unknown Object (File)
Jan 13 2025, 4:25 PM
Unknown Object (File)
Jan 8 2025, 1:14 AM
View All 69 Files
Subscribers
ashoat
tomek

Details

Reviewers
rohan
inka
michal
Commits
rCOMMd19f5c7d992a: [web] introduce confirmation alert component
Summary

To confirm the deletion of a keyserver, I will need a very similar modal to the delete role modal. Rather than copying and pasting, I introduced a ConfirmationAlert component that can be used in both instances.

Depends on D10080

Test Plan

Confirmed that the delete role modal looked and behaved as before

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

ginsu created this revision.Nov 28 2023, 8:32 PM
Herald added subscribers: tomek, ashoat. · View Herald TranscriptNov 28 2023, 8:32 PM
ginsu edited the summary of this revision. (Show Details)Nov 28 2023, 8:53 PM
ginsu edited the test plan for this revision. (Show Details)
ginsu added reviewers: rohan, inka, michal.
ginsu added a parent revision: D10080: [web] introduce temp onClickDisconnectKeyserver.
ginsu added a child revision: D10089: [web] introduce on click remove keyserver functionality.Nov 28 2023, 9:02 PM
Harbormaster completed remote builds in B24589: Diff 33968.Nov 28 2023, 9:08 PM
ginsu requested review of this revision.Nov 28 2023, 9:08 PM
rohan accepted this revision.Nov 29 2023, 3:59 AM

Thanks for doing this! Could you share a screenshot for what the delete roles modal looks like now please?

This revision is now accepted and ready to land.Nov 29 2023, 3:59 AM
ginsu added a comment.Nov 29 2023, 10:00 PM

Thanks for doing this! Could you share a screenshot for what the delete roles modal looks like now please?

Screenshot 2023-11-30 at 12.59.25 AM.png (1×3 px, 798 KB)

Here is a screenshot. There should be no visual changes!

ginsu attached a referenced file: F902252: Screenshot 2023-11-30 at 12.59.25 AM.png. (Show Details)Nov 29 2023, 10:00 PM
ginsu updated this revision to Diff 34021.Nov 29 2023, 10:00 PM

rebase before landing

Harbormaster completed remote builds in B24620: Diff 34021.Nov 29 2023, 10:17 PM
Closed by commit rCOMMd19f5c7d992a: [web] introduce confirmation alert component (authored by ginsu). · Explain WhyNov 29 2023, 10:42 PM
This revision was automatically updated to reflect the committed changes.
ginsu added a commit: rCOMMd19f5c7d992a: [web] introduce confirmation alert component.

Revision Contents
Changeset List

PathSize
web/
modals/
roles/
confirmation-alert.css
delete-role-modal.css
11 lines
modals/
55 lines
roles/
15 lines
30 lines

Diff 34024

View Options

web/modals/confirmation-alert.css

Show First 20 Lines • Show All 102 Lines • ▼ Show 20 Lines
import type { import type {
ConnectionIssue, ConnectionIssue,
StateSyncFullActionPayload, StateSyncFullActionPayload,
StateSyncIncrementalActionPayload, StateSyncIncrementalActionPayload,
SetActiveSessionRecoveryPayload, SetActiveSessionRecoveryPayload,
} from './socket-types.js'; } from './socket-types.js';
import { type ClientStore } from './store-ops-types.js'; import { type ClientStore } from './store-ops-types.js';
import type { SubscriptionUpdateResult } from './subscription-types.js'; import type { SubscriptionUpdateResult } from './subscription-types.js';
import type {
AddSyncedMetadataEntryPayload,
RemoveSyncedMetadataEntryPayload,
} from './synced-metadata-types.js';
import type { GlobalThemeInfo } from './theme-types.js'; import type { GlobalThemeInfo } from './theme-types.js';
import type { ThreadActivityStore } from './thread-activity-types.js'; import type { ThreadActivityStore } from './thread-activity-types.js';
import type { import type {
ThreadStore, ThreadStore,
ChangeThreadSettingsPayload, ChangeThreadSettingsPayload,
LeaveThreadPayload, LeaveThreadPayload,
NewThreadResult, NewThreadResult,
ThreadJoinPayload, ThreadJoinPayload,
▲ Show 20 Lines • Show All 1,239 Lines • ▼ Show 20 Lines | {
+type: 'SET_CONNECTION_ISSUE', +type: 'SET_CONNECTION_ISSUE',
+payload: { +connectionIssue: ?ConnectionIssue, +keyserverID: string }, +payload: { +connectionIssue: ?ConnectionIssue, +keyserverID: string },
} }
| { | {
+type: 'ADD_COMMUNITY', +type: 'ADD_COMMUNITY',
+payload: AddCommunityPayload, +payload: AddCommunityPayload,
} }
| { | {
+type: 'ADD_SYNCED_METADATA_ENTRY',
+payload: AddSyncedMetadataEntryPayload,
}
| {
+type: 'REMOVE_SYNCED_METADATA_ENTRY',
+payload: RemoveSyncedMetadataEntryPayload,
}
| {
+type: 'SET_ACTIVE_SESSION_RECOVERY', +type: 'SET_ACTIVE_SESSION_RECOVERY',
+payload: SetActiveSessionRecoveryPayload, +payload: SetActiveSessionRecoveryPayload,
} }
| { | {
+type: 'OPS_PROCESSING_FINISHED_ACTION_TYPE', +type: 'OPS_PROCESSING_FINISHED_ACTION_TYPE',
+payload?: void, +payload?: void,
}, },
}>; }>;
Show All 21 Lines
View Options

web/modals/confirmation-alert.react.js

Show First 20 Lines • Show All 102 Lines • ▼ Show 20 Lines
import type { import type {
ConnectionIssue, ConnectionIssue,
StateSyncFullActionPayload, StateSyncFullActionPayload,
StateSyncIncrementalActionPayload, StateSyncIncrementalActionPayload,
SetActiveSessionRecoveryPayload, SetActiveSessionRecoveryPayload,
} from './socket-types.js'; } from './socket-types.js';
import { type ClientStore } from './store-ops-types.js'; import { type ClientStore } from './store-ops-types.js';
import type { SubscriptionUpdateResult } from './subscription-types.js'; import type { SubscriptionUpdateResult } from './subscription-types.js';
import type {
AddSyncedMetadataEntryPayload,
RemoveSyncedMetadataEntryPayload,
} from './synced-metadata-types.js';
import type { GlobalThemeInfo } from './theme-types.js'; import type { GlobalThemeInfo } from './theme-types.js';
import type { ThreadActivityStore } from './thread-activity-types.js'; import type { ThreadActivityStore } from './thread-activity-types.js';
import type { import type {
ThreadStore, ThreadStore,
ChangeThreadSettingsPayload, ChangeThreadSettingsPayload,
LeaveThreadPayload, LeaveThreadPayload,
NewThreadResult, NewThreadResult,
ThreadJoinPayload, ThreadJoinPayload,
▲ Show 20 Lines • Show All 1,239 Lines • ▼ Show 20 Lines | {
+type: 'SET_CONNECTION_ISSUE', +type: 'SET_CONNECTION_ISSUE',
+payload: { +connectionIssue: ?ConnectionIssue, +keyserverID: string }, +payload: { +connectionIssue: ?ConnectionIssue, +keyserverID: string },
} }
| { | {
+type: 'ADD_COMMUNITY', +type: 'ADD_COMMUNITY',
+payload: AddCommunityPayload, +payload: AddCommunityPayload,
} }
| { | {
+type: 'ADD_SYNCED_METADATA_ENTRY',
+payload: AddSyncedMetadataEntryPayload,
}
| {
+type: 'REMOVE_SYNCED_METADATA_ENTRY',
+payload: RemoveSyncedMetadataEntryPayload,
}
| {
+type: 'SET_ACTIVE_SESSION_RECOVERY', +type: 'SET_ACTIVE_SESSION_RECOVERY',
+payload: SetActiveSessionRecoveryPayload, +payload: SetActiveSessionRecoveryPayload,
} }
| { | {
+type: 'OPS_PROCESSING_FINISHED_ACTION_TYPE', +type: 'OPS_PROCESSING_FINISHED_ACTION_TYPE',
+payload?: void, +payload?: void,
}, },
}>; }>;
Show All 21 Lines
View Options

web/roles/delete-role-modal.css

Show First 20 Lines • Show All 102 Lines • ▼ Show 20 Lines
import type { import type {
ConnectionIssue, ConnectionIssue,
StateSyncFullActionPayload, StateSyncFullActionPayload,
StateSyncIncrementalActionPayload, StateSyncIncrementalActionPayload,
SetActiveSessionRecoveryPayload, SetActiveSessionRecoveryPayload,
} from './socket-types.js'; } from './socket-types.js';
import { type ClientStore } from './store-ops-types.js'; import { type ClientStore } from './store-ops-types.js';
import type { SubscriptionUpdateResult } from './subscription-types.js'; import type { SubscriptionUpdateResult } from './subscription-types.js';
import type {
AddSyncedMetadataEntryPayload,
RemoveSyncedMetadataEntryPayload,
} from './synced-metadata-types.js';
import type { GlobalThemeInfo } from './theme-types.js'; import type { GlobalThemeInfo } from './theme-types.js';
import type { ThreadActivityStore } from './thread-activity-types.js'; import type { ThreadActivityStore } from './thread-activity-types.js';
import type { import type {
ThreadStore, ThreadStore,
ChangeThreadSettingsPayload, ChangeThreadSettingsPayload,
LeaveThreadPayload, LeaveThreadPayload,
NewThreadResult, NewThreadResult,
ThreadJoinPayload, ThreadJoinPayload,
▲ Show 20 Lines • Show All 1,239 Lines • ▼ Show 20 Lines | {
+type: 'SET_CONNECTION_ISSUE', +type: 'SET_CONNECTION_ISSUE',
+payload: { +connectionIssue: ?ConnectionIssue, +keyserverID: string }, +payload: { +connectionIssue: ?ConnectionIssue, +keyserverID: string },
} }
| { | {
+type: 'ADD_COMMUNITY', +type: 'ADD_COMMUNITY',
+payload: AddCommunityPayload, +payload: AddCommunityPayload,
} }
| { | {
+type: 'ADD_SYNCED_METADATA_ENTRY',
+payload: AddSyncedMetadataEntryPayload,
}
| {
+type: 'REMOVE_SYNCED_METADATA_ENTRY',
+payload: RemoveSyncedMetadataEntryPayload,
}
| {
+type: 'SET_ACTIVE_SESSION_RECOVERY', +type: 'SET_ACTIVE_SESSION_RECOVERY',
+payload: SetActiveSessionRecoveryPayload, +payload: SetActiveSessionRecoveryPayload,
} }
| { | {
+type: 'OPS_PROCESSING_FINISHED_ACTION_TYPE', +type: 'OPS_PROCESSING_FINISHED_ACTION_TYPE',
+payload?: void, +payload?: void,
}, },
}>; }>;
Show All 21 Lines
View Options

web/roles/delete-role-modal.react.js

Show First 20 Lines • Show All 102 Lines • ▼ Show 20 Lines
import type { import type {
ConnectionIssue, ConnectionIssue,
StateSyncFullActionPayload, StateSyncFullActionPayload,
StateSyncIncrementalActionPayload, StateSyncIncrementalActionPayload,
SetActiveSessionRecoveryPayload, SetActiveSessionRecoveryPayload,
} from './socket-types.js'; } from './socket-types.js';
import { type ClientStore } from './store-ops-types.js'; import { type ClientStore } from './store-ops-types.js';
import type { SubscriptionUpdateResult } from './subscription-types.js'; import type { SubscriptionUpdateResult } from './subscription-types.js';
import type {
AddSyncedMetadataEntryPayload,
RemoveSyncedMetadataEntryPayload,
} from './synced-metadata-types.js';
import type { GlobalThemeInfo } from './theme-types.js'; import type { GlobalThemeInfo } from './theme-types.js';
import type { ThreadActivityStore } from './thread-activity-types.js'; import type { ThreadActivityStore } from './thread-activity-types.js';
import type { import type {
ThreadStore, ThreadStore,
ChangeThreadSettingsPayload, ChangeThreadSettingsPayload,
LeaveThreadPayload, LeaveThreadPayload,
NewThreadResult, NewThreadResult,
ThreadJoinPayload, ThreadJoinPayload,
▲ Show 20 Lines • Show All 1,239 Lines • ▼ Show 20 Lines | {
+type: 'SET_CONNECTION_ISSUE', +type: 'SET_CONNECTION_ISSUE',
+payload: { +connectionIssue: ?ConnectionIssue, +keyserverID: string }, +payload: { +connectionIssue: ?ConnectionIssue, +keyserverID: string },
} }
| { | {
+type: 'ADD_COMMUNITY', +type: 'ADD_COMMUNITY',
+payload: AddCommunityPayload, +payload: AddCommunityPayload,
} }
| { | {
+type: 'ADD_SYNCED_METADATA_ENTRY',
+payload: AddSyncedMetadataEntryPayload,
}
| {
+type: 'REMOVE_SYNCED_METADATA_ENTRY',
+payload: RemoveSyncedMetadataEntryPayload,
}
| {
+type: 'SET_ACTIVE_SESSION_RECOVERY', +type: 'SET_ACTIVE_SESSION_RECOVERY',
+payload: SetActiveSessionRecoveryPayload, +payload: SetActiveSessionRecoveryPayload,
} }
| { | {
+type: 'OPS_PROCESSING_FINISHED_ACTION_TYPE', +type: 'OPS_PROCESSING_FINISHED_ACTION_TYPE',
+payload?: void, +payload?: void,
}, },
}>; }>;
Show All 21 Lines