Page MenuHomePhorge
Files F32557524

D11069.1767250271.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D11069.1767250271.diff
View Options

diff --git a/web/modals/threads/members/members-modal.css b/web/modals/threads/members/members-modal.css
--- a/web/modals/threads/members/members-modal.css
+++ b/web/modals/threads/members/members-modal.css
@@ -1,5 +1,5 @@
div.modalContentContainer {
- height: 617px;
+ height: 60vh;
overflow: hidden;
display: flex;
flex-direction: column;
diff --git a/web/modals/threads/members/members-modal.react.js b/web/modals/threads/members/members-modal.react.js
--- a/web/modals/threads/members/members-modal.react.js
+++ b/web/modals/threads/members/members-modal.react.js
@@ -87,39 +87,14 @@
);
}, [adminMembers, allMembers, tab, threadInfo]);
- const { pushModal, popModal } = useModalContext();
-
- const onClickAddMembers = React.useCallback(() => {
- pushModal(<AddMembersModal onClose={popModal} threadID={threadID} />);
- }, [popModal, pushModal, threadID]);
-
- const canAddMembers = threadHasPermission(
- threadInfo,
- threadPermissions.ADD_MEMBERS,
- );
-
- const addMembersButton = React.useMemo(() => {
- if (!canAddMembers) {
- return null;
- }
- return (
- <div className={css.addNewMembers}>
- <Button variant="filled" onClick={onClickAddMembers}>
- Add members
- </Button>
- </div>
- );
- }, [canAddMembers, onClickAddMembers]);
-
const threadMembersModalContent = React.useMemo(
() => (
<div className={css.modalContentContainer}>
{tabs}
<div className={css.membersListTabsContent}>{tabContent}</div>
- {addMembersButton}
</div>
),
- [addMembersButton, tabContent, tabs],
+ [tabContent, tabs],
);
return threadMembersModalContent;
@@ -137,12 +112,40 @@
),
[threadID],
);
+
+ const { pushModal, popModal } = useModalContext();
+
+ const threadInfo = useSelector(state => threadInfoSelector(state)[threadID]);
+
+ const onClickAddMembers = React.useCallback(() => {
+ pushModal(<AddMembersModal onClose={popModal} threadID={threadID} />);
+ }, [popModal, pushModal, threadID]);
+
+ const canAddMembers = threadHasPermission(
+ threadInfo,
+ threadPermissions.ADD_MEMBERS,
+ );
+
+ const addMembersButton = React.useMemo(() => {
+ if (!canAddMembers) {
+ return null;
+ }
+ return (
+ <div className={css.addNewMembers}>
+ <Button variant="filled" onClick={onClickAddMembers}>
+ Add members
+ </Button>
+ </div>
+ );
+ }, [canAddMembers, onClickAddMembers]);
+
return (
<SearchModal
name="Members"
searchPlaceholder="Search members"
onClose={onClose}
size="large"
+ primaryButton={addMembersButton}
>
{renderModalContent}
</SearchModal>

File Metadata

Mime Type
text/plain
Expires
Thu, Jan 1, 6:51 AM (3 h, 33 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5875305
Default Alt Text
D11069.1767250271.diff (2 KB)

Event Timeline