Changeset View
Changeset View
Standalone View
Standalone View
web/modals/threads/members/add-members-modal.react.js
Show All 16 Lines | import { | ||||
useDispatchActionPromise, | useDispatchActionPromise, | ||||
useServerCall, | useServerCall, | ||||
} from 'lib/utils/action-utils'; | } from 'lib/utils/action-utils'; | ||||
import Button from '../../../components/button.react'; | import Button from '../../../components/button.react'; | ||||
import Label from '../../../components/label.react'; | import Label from '../../../components/label.react'; | ||||
import { useSelector } from '../../../redux/redux-utils'; | import { useSelector } from '../../../redux/redux-utils'; | ||||
import SearchModal from '../../search-modal.react'; | import SearchModal from '../../search-modal.react'; | ||||
import AddMembersList from './add-members-list.react'; | import AddMembersListContent from './add-members-list-content.react'; | ||||
import css from './members-modal.css'; | import css from './members-modal.css'; | ||||
type ContentProps = { | type ContentProps = { | ||||
+searchText: string, | +searchText: string, | ||||
+threadID: string, | +threadID: string, | ||||
+onClose: () => void, | +onClose: () => void, | ||||
}; | }; | ||||
▲ Show 20 Lines • Show All 100 Lines • ▼ Show 20 Lines | return ( | ||||
</div> | </div> | ||||
); | ); | ||||
}, [onSwitchUser, pendingUsersWithNames]); | }, [onSwitchUser, pendingUsersWithNames]); | ||||
return ( | return ( | ||||
<div className={css.addMembersContent}> | <div className={css.addMembersContent}> | ||||
{labelItems} | {labelItems} | ||||
<div className={css.addMembersListContainer}> | <div className={css.addMembersListContainer}> | ||||
<AddMembersList | <AddMembersListContent | ||||
userListItems={userSearchResults} | userListItems={userSearchResults} | ||||
switchUser={onSwitchUser} | switchUser={onSwitchUser} | ||||
pendingUsersToAdd={pendingUsersToAdd} | pendingUsersToAdd={pendingUsersToAdd} | ||||
hasParentThread={!!threadInfo.parentThreadID} | hasParentThread={!!threadInfo.parentThreadID} | ||||
/> | /> | ||||
</div> | </div> | ||||
<div className={css.addMembersFooter}> | <div className={css.addMembersFooter}> | ||||
<Button onClick={onClose} variant="secondary"> | <Button onClick={onClose} variant="secondary"> | ||||
▲ Show 20 Lines • Show All 46 Lines • Show Last 20 Lines |