D9410.id32061.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D9410.id32061.diff
View Options

	diff --git a/web/modals/user-profile/user-profile-modal.react.js b/web/modals/user-profile/user-profile-modal.react.js
	new file mode 100644
	--- /dev/null
	+++ b/web/modals/user-profile/user-profile-modal.react.js
	@@ -0,0 +1,37 @@
	+// @flow
	+
	+import * as React from 'react';
	+
	+import { useModalContext } from 'lib/components/modal-provider.react.js';
	+import type { UserInfo } from 'lib/types/user-types.js';
	+
	+import UserProfile from './user-profile.react.js';
	+import { useSelector } from '../../redux/redux-utils.js';
	+import Modal from '../modal.react.js';
	+
	+type Props = {
	+ +userID: string,
	+};
	+
	+function UserProfileModal(props: Props): React.Node {
	+ const { userID } = props;
	+
	+ const { popModal } = useModalContext();
	+
	+ const userInfo: ?UserInfo = useSelector(
	+ state => state.userStore.userInfos[userID],
	+ );
	+
	+ const userProfileModal = React.useMemo(
	+ () => (
	+ <Modal size="fit-content" onClose={popModal} name="">
	+ <UserProfile userInfo={userInfo} />
	+ </Modal>
	+ ),
	+ [popModal, userInfo],
	+ );
	+
	+ return userProfileModal;
	+}
	+
	+export default UserProfileModal;