Page MenuHomePhabricator
Differential D3842

[web] Push `changeThreadSettingsAction` down to `ThreadSettingsGeneralTab`
ClosedPublic
Actions

Authored by atul on Apr 25 2022, 12:39 PM.
Tags
None
Referenced Files
F5105501: D3842.id11955.diff
Tue, Apr 1, 7:36 AM
Unknown Object (File)
Tue, Apr 1, 12:35 AM
Unknown Object (File)
Sun, Mar 30, 10:36 PM
Unknown Object (File)
Sun, Mar 30, 2:15 PM
Unknown Object (File)
Sun, Mar 30, 1:35 PM
Unknown Object (File)
Sun, Mar 30, 10:30 AM
Unknown Object (File)
Sun, Mar 30, 1:35 AM
Unknown Object (File)
Sat, Mar 29, 9:22 PM
View All Files
Subscribers
• abosh
• adrian
ashoat
• karol

Details

Reviewers
• jacek
tomek
Commits
rCOMM924c7a1ad865: [web] Push `changeThreadSettingsAction` down to `ThreadSettingsGeneralTab`
Summary

Push down changeThreadSettingsAction (and accompanying state/functionality) to ThreadSettingsGeneralTab.

Also push down the "Save" button.

In the next diff will do the same for ThreadSettingsPrivacyTab

Depends on D3840

Test Plan
  1. Open ThreadSettingsModal
  2. Make some changes on the General tab
  3. Make sure that things continue to look/work as expected

Diff Detail

Repository
rCOMM Comm
Branch
arcpatch-D3842 (branched from master)
Lint
No Lint Coverage
Unit
No Test Coverage

Event Timeline

atul created this revision.Apr 25 2022, 12:39 PM
Herald added subscribers: • abosh, • karol, • adrian, ashoat. · View Herald TranscriptApr 25 2022, 12:39 PM
Harbormaster completed remote builds in B8529: Diff 11888.Apr 25 2022, 12:44 PM
atul requested review of this revision.Apr 25 2022, 12:44 PM
atul updated this revision to Diff 11889.Apr 25 2022, 12:45 PM

Fix button text

Harbormaster completed remote builds in B8530: Diff 11889.Apr 25 2022, 12:50 PM
atul added a child revision: D3844: [web] Push `changeThreadSettingsAction` down to `ThreadSettingsPrivacyTab`.Apr 25 2022, 4:03 PM
tomek accepted this revision.Apr 26 2022, 9:22 AM
tomek added inline comments.
web/modals/threads/thread-settings-general-tab.react.js
165–172 ↗(On Diff #11889)

It looks like you can create a new component that renders this button and contains changeThreadSettingsAction. This component could be used here and on privacy tab

This revision is now accepted and ready to land.Apr 26 2022, 9:22 AM
atul updated this revision to Diff 11955.Apr 26 2022, 10:49 AM

rebase

Harbormaster completed remote builds in B8576: Diff 11955.Apr 26 2022, 10:57 AM
atul updated this revision to Diff 12087.Apr 28 2022, 2:44 PM

rebase before landing

atul added inline comments.Apr 28 2022, 2:48 PM
web/modals/threads/thread-settings-general-tab.react.js
165–172 ↗(On Diff #11889)

Will give that a shot in a separate diff. There's definitely room here to cut the repetition

Harbormaster completed remote builds in B8679: Diff 12087.Apr 28 2022, 2:49 PM
Closed by commit rCOMM924c7a1ad865: [web] Push `changeThreadSettingsAction` down to `ThreadSettingsGeneralTab` (authored by atul). · Explain WhyApr 28 2022, 2:54 PM
This revision was automatically updated to reflect the committed changes.
atul added a commit: rCOMM924c7a1ad865: [web] Push `changeThreadSettingsAction` down to `ThreadSettingsGeneralTab`.

Revision Contents
Changeset List

Diff 12087

View Options

web/modals/threads/thread-settings-general-tab.css

// @flow // @flow
import t, { type TInterface, type TUnion } from 'tcomb'; import t, { type TInterface, type TUnion } from 'tcomb';
import { import {
tHexEncodedPermissionsBitmask, tHexEncodedPermissionsBitmask,
tHexEncodedRolePermission, tHexEncodedRolePermission,
} from './minimally-encoded-thread-permissions.js'; } from './minimally-encoded-thread-permissions.js';
import { specialRoleValidator } from './special-roles.js'; import { specialRoleValidator } from './special-roles.js';
import type { import type {
MemberInfo, MemberInfoWithPermissions,
ThreadCurrentUserInfo, ThreadCurrentUserInfo,
RawThreadInfo, RawThreadInfo,
RoleInfo, RoleInfo,
RoleInfoWithoutSpecialRole, RoleInfoWithoutSpecialRole,
RawThreadInfoWithoutSpecialRole, RawThreadInfoWithoutSpecialRole,
} from '../types/minimally-encoded-thread-permissions-types.js'; } from '../types/minimally-encoded-thread-permissions-types.js';
import { import {
type LegacyRawThreadInfo, type LegacyRawThreadInfo,
Show All 37 Lines tShape<RoleInfoPossiblyWithIsDefaultField>({
id: tID, id: tID,
name: t.String, name: t.String,
minimallyEncoded: tBool(true), minimallyEncoded: tBool(true),
permissions: t.list(tHexEncodedRolePermission), permissions: t.list(tHexEncodedRolePermission),
specialRole: t.maybe(specialRoleValidator), specialRole: t.maybe(specialRoleValidator),
isDefault: t.maybe(t.Boolean), isDefault: t.maybe(t.Boolean),
}); });
const memberInfoValidator: TInterface<MemberInfo> = tShape<MemberInfo>({ const memberInfoWithPermissionsValidator: TInterface<MemberInfoWithPermissions> =
tShape<MemberInfoWithPermissions>({
...legacyMemberInfoValidator.meta.props, ...legacyMemberInfoValidator.meta.props,
minimallyEncoded: tBool(true), minimallyEncoded: tBool(true),
permissions: tHexEncodedPermissionsBitmask, permissions: tHexEncodedPermissionsBitmask,
}); });
const rawThreadInfoValidator: TInterface<RawThreadInfo> = tShape<RawThreadInfo>( const rawThreadInfoValidator: TInterface<RawThreadInfo> = tShape<RawThreadInfo>(
{ {
...legacyRawThreadInfoValidator.meta.props, ...legacyRawThreadInfoValidator.meta.props,
minimallyEncoded: tBool(true), minimallyEncoded: tBool(true),
members: t.list(memberInfoValidator), members: t.list(memberInfoWithPermissionsValidator),
roles: t.dict(tID, roleInfoValidator), roles: t.dict(tID, roleInfoValidator),
currentUser: threadCurrentUserInfoValidator, currentUser: threadCurrentUserInfoValidator,
}, },
); );
const roleInfoWithoutSpecialRolesValidator: TInterface<RoleInfoWithoutSpecialRole> = const roleInfoWithoutSpecialRolesValidator: TInterface<RoleInfoWithoutSpecialRole> =
tShape<RoleInfoWithoutSpecialRole>({ tShape<RoleInfoWithoutSpecialRole>({
...roleInfoValidatorBase, ...roleInfoValidatorBase,
Show All 10 Linesconst mixedRawThreadInfoValidator: TUnion<
LegacyRawThreadInfo | RawThreadInfo | RawThreadInfoWithoutSpecialRole, LegacyRawThreadInfo | RawThreadInfo | RawThreadInfoWithoutSpecialRole,
> = t.union([ > = t.union([
legacyRawThreadInfoValidator, legacyRawThreadInfoValidator,
rawThreadInfoValidator, rawThreadInfoValidator,
rawThreadInfoWithoutSpecialRoles, rawThreadInfoWithoutSpecialRoles,
]); ]);
export { export {
memberInfoValidator, memberInfoWithPermissionsValidator,
roleInfoValidator, roleInfoValidator,
persistedRoleInfoValidator, persistedRoleInfoValidator,
threadCurrentUserInfoValidator, threadCurrentUserInfoValidator,
rawThreadInfoValidator, rawThreadInfoValidator,
mixedRawThreadInfoValidator, mixedRawThreadInfoValidator,
}; };
View Options

web/modals/threads/thread-settings-general-tab.react.js

// @flow // @flow
import t, { type TInterface, type TUnion } from 'tcomb'; import t, { type TInterface, type TUnion } from 'tcomb';
import { import {
tHexEncodedPermissionsBitmask, tHexEncodedPermissionsBitmask,
tHexEncodedRolePermission, tHexEncodedRolePermission,
} from './minimally-encoded-thread-permissions.js'; } from './minimally-encoded-thread-permissions.js';
import { specialRoleValidator } from './special-roles.js'; import { specialRoleValidator } from './special-roles.js';
import type { import type {
MemberInfo, MemberInfoWithPermissions,
ThreadCurrentUserInfo, ThreadCurrentUserInfo,
RawThreadInfo, RawThreadInfo,
RoleInfo, RoleInfo,
RoleInfoWithoutSpecialRole, RoleInfoWithoutSpecialRole,
RawThreadInfoWithoutSpecialRole, RawThreadInfoWithoutSpecialRole,
} from '../types/minimally-encoded-thread-permissions-types.js'; } from '../types/minimally-encoded-thread-permissions-types.js';
import { import {
type LegacyRawThreadInfo, type LegacyRawThreadInfo,
Show All 37 Lines tShape<RoleInfoPossiblyWithIsDefaultField>({
id: tID, id: tID,
name: t.String, name: t.String,
minimallyEncoded: tBool(true), minimallyEncoded: tBool(true),
permissions: t.list(tHexEncodedRolePermission), permissions: t.list(tHexEncodedRolePermission),
specialRole: t.maybe(specialRoleValidator), specialRole: t.maybe(specialRoleValidator),
isDefault: t.maybe(t.Boolean), isDefault: t.maybe(t.Boolean),
}); });
const memberInfoValidator: TInterface<MemberInfo> = tShape<MemberInfo>({ const memberInfoWithPermissionsValidator: TInterface<MemberInfoWithPermissions> =
tShape<MemberInfoWithPermissions>({
...legacyMemberInfoValidator.meta.props, ...legacyMemberInfoValidator.meta.props,
minimallyEncoded: tBool(true), minimallyEncoded: tBool(true),
permissions: tHexEncodedPermissionsBitmask, permissions: tHexEncodedPermissionsBitmask,
}); });
const rawThreadInfoValidator: TInterface<RawThreadInfo> = tShape<RawThreadInfo>( const rawThreadInfoValidator: TInterface<RawThreadInfo> = tShape<RawThreadInfo>(
{ {
...legacyRawThreadInfoValidator.meta.props, ...legacyRawThreadInfoValidator.meta.props,
minimallyEncoded: tBool(true), minimallyEncoded: tBool(true),
members: t.list(memberInfoValidator), members: t.list(memberInfoWithPermissionsValidator),
roles: t.dict(tID, roleInfoValidator), roles: t.dict(tID, roleInfoValidator),
currentUser: threadCurrentUserInfoValidator, currentUser: threadCurrentUserInfoValidator,
}, },
); );
const roleInfoWithoutSpecialRolesValidator: TInterface<RoleInfoWithoutSpecialRole> = const roleInfoWithoutSpecialRolesValidator: TInterface<RoleInfoWithoutSpecialRole> =
tShape<RoleInfoWithoutSpecialRole>({ tShape<RoleInfoWithoutSpecialRole>({
...roleInfoValidatorBase, ...roleInfoValidatorBase,
Show All 10 Linesconst mixedRawThreadInfoValidator: TUnion<
LegacyRawThreadInfo | RawThreadInfo | RawThreadInfoWithoutSpecialRole, LegacyRawThreadInfo | RawThreadInfo | RawThreadInfoWithoutSpecialRole,
> = t.union([ > = t.union([
legacyRawThreadInfoValidator, legacyRawThreadInfoValidator,
rawThreadInfoValidator, rawThreadInfoValidator,
rawThreadInfoWithoutSpecialRoles, rawThreadInfoWithoutSpecialRoles,
]); ]);
export { export {
memberInfoValidator, memberInfoWithPermissionsValidator,
roleInfoValidator, roleInfoValidator,
persistedRoleInfoValidator, persistedRoleInfoValidator,
threadCurrentUserInfoValidator, threadCurrentUserInfoValidator,
rawThreadInfoValidator, rawThreadInfoValidator,
mixedRawThreadInfoValidator, mixedRawThreadInfoValidator,
}; };
View Options

web/modals/threads/thread-settings-modal.react.js

// @flow // @flow
import t, { type TInterface, type TUnion } from 'tcomb'; import t, { type TInterface, type TUnion } from 'tcomb';
import { import {
tHexEncodedPermissionsBitmask, tHexEncodedPermissionsBitmask,
tHexEncodedRolePermission, tHexEncodedRolePermission,
} from './minimally-encoded-thread-permissions.js'; } from './minimally-encoded-thread-permissions.js';
import { specialRoleValidator } from './special-roles.js'; import { specialRoleValidator } from './special-roles.js';
import type { import type {
MemberInfo, MemberInfoWithPermissions,
ThreadCurrentUserInfo, ThreadCurrentUserInfo,
RawThreadInfo, RawThreadInfo,
RoleInfo, RoleInfo,
RoleInfoWithoutSpecialRole, RoleInfoWithoutSpecialRole,
RawThreadInfoWithoutSpecialRole, RawThreadInfoWithoutSpecialRole,
} from '../types/minimally-encoded-thread-permissions-types.js'; } from '../types/minimally-encoded-thread-permissions-types.js';
import { import {
type LegacyRawThreadInfo, type LegacyRawThreadInfo,
Show All 37 Lines tShape<RoleInfoPossiblyWithIsDefaultField>({
id: tID, id: tID,
name: t.String, name: t.String,
minimallyEncoded: tBool(true), minimallyEncoded: tBool(true),
permissions: t.list(tHexEncodedRolePermission), permissions: t.list(tHexEncodedRolePermission),
specialRole: t.maybe(specialRoleValidator), specialRole: t.maybe(specialRoleValidator),
isDefault: t.maybe(t.Boolean), isDefault: t.maybe(t.Boolean),
}); });
const memberInfoValidator: TInterface<MemberInfo> = tShape<MemberInfo>({ const memberInfoWithPermissionsValidator: TInterface<MemberInfoWithPermissions> =
tShape<MemberInfoWithPermissions>({
...legacyMemberInfoValidator.meta.props, ...legacyMemberInfoValidator.meta.props,
minimallyEncoded: tBool(true), minimallyEncoded: tBool(true),
permissions: tHexEncodedPermissionsBitmask, permissions: tHexEncodedPermissionsBitmask,
}); });
const rawThreadInfoValidator: TInterface<RawThreadInfo> = tShape<RawThreadInfo>( const rawThreadInfoValidator: TInterface<RawThreadInfo> = tShape<RawThreadInfo>(
{ {
...legacyRawThreadInfoValidator.meta.props, ...legacyRawThreadInfoValidator.meta.props,
minimallyEncoded: tBool(true), minimallyEncoded: tBool(true),
members: t.list(memberInfoValidator), members: t.list(memberInfoWithPermissionsValidator),
roles: t.dict(tID, roleInfoValidator), roles: t.dict(tID, roleInfoValidator),
currentUser: threadCurrentUserInfoValidator, currentUser: threadCurrentUserInfoValidator,
}, },
); );
const roleInfoWithoutSpecialRolesValidator: TInterface<RoleInfoWithoutSpecialRole> = const roleInfoWithoutSpecialRolesValidator: TInterface<RoleInfoWithoutSpecialRole> =
tShape<RoleInfoWithoutSpecialRole>({ tShape<RoleInfoWithoutSpecialRole>({
...roleInfoValidatorBase, ...roleInfoValidatorBase,
Show All 10 Linesconst mixedRawThreadInfoValidator: TUnion<
LegacyRawThreadInfo | RawThreadInfo | RawThreadInfoWithoutSpecialRole, LegacyRawThreadInfo | RawThreadInfo | RawThreadInfoWithoutSpecialRole,
> = t.union([ > = t.union([
legacyRawThreadInfoValidator, legacyRawThreadInfoValidator,
rawThreadInfoValidator, rawThreadInfoValidator,
rawThreadInfoWithoutSpecialRoles, rawThreadInfoWithoutSpecialRoles,
]); ]);
export { export {
memberInfoValidator, memberInfoWithPermissionsValidator,
roleInfoValidator, roleInfoValidator,
persistedRoleInfoValidator, persistedRoleInfoValidator,
threadCurrentUserInfoValidator, threadCurrentUserInfoValidator,
rawThreadInfoValidator, rawThreadInfoValidator,
mixedRawThreadInfoValidator, mixedRawThreadInfoValidator,
}; };