11636648768

Committed 01 Nov 2024 09:31PM UTC coverage: 31.52% (-0.04%) from 31.563%

Build # 11636648768

Build Type

push

github

Committed by

Raemon

Commit Message

Merge remote-tracking branch 'origin/master' into thinkPage

Run Details

3371 of 28978 branches covered (11.63%)

Branch coverage included in aggregate %.

36 of 156 new or added lines in 15 files covered. (23.08%)

14 existing lines in 7 files now uncovered.

20419 of 46499 relevant lines covered (43.91%)

255.3 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

19.54

/packages/lesswrong/components/users/UsersMenu.tsx

import React, { MouseEvent, useContext } from 'react';
import { Components, registerComponent } from '../../lib/vulcan-lib';
import { Link } from '../../lib/reactRouterWrapper';
import { userCanDo, userCanQuickTake, userIsMemberOf, userOverNKarmaOrApproved } from '../../lib/vulcan-users/permissions';
import { userGetAnalyticsUrl, userGetDisplayName } from '../../lib/collections/users/helpers';
import { dialoguesEnabled, userHasThemePicker } from '../../lib/betas';

import Paper from '@material-ui/core/Paper';
import Button from '@material-ui/core/Button';
import EyeIconCrossed from '@material-ui/icons/VisibilityOff';
import EyeIcon from '@material-ui/icons/Visibility';

import { postGetPageUrl } from '../../lib/collections/posts/helpers';
import { useCurrentUser } from '../common/withUser';
import { useDialog } from '../common/withDialog'
import { useHover } from '../common/withHover'
import {afNonMemberDisplayInitialPopup} from "../../lib/alignment-forum/displayAFNonMemberPopups";
import { userCanPost } from '../../lib/collections/posts';
import { MINIMUM_COAUTHOR_KARMA } from '../../lib/collections/posts/schema';
import { DisableNoKibitzContext } from './UsersNameDisplay';
import { useAdminToggle } from '../admin/useAdminToggle';
import { isFriendlyUI, preferredHeadingCase } from '../../themes/forumTheme';
import { isMobile } from '../../lib/utils/isMobile'
import { SHOW_NEW_SEQUENCE_KARMA_THRESHOLD } from '../../lib/collections/sequences/permissions';
import { isAF, isEAForum } from '../../lib/instanceSettings';
import { blackBarTitle } from '../../lib/publicSettings';

const styles = (theme: ThemeType) => ({
  root: {
    marginTop: isFriendlyUI ? undefined : 5,
    wordBreak: 'break-all',
    position: "relative"
  },
  userButtonRoot: {
    // Mui default is 16px, so we're halving it to bring it into line with the
    // rest of the header components
    paddingLeft: isFriendlyUI ? 12 : theme.spacing.unit,
    paddingRight: theme.spacing.unit,
    borderRadius: isFriendlyUI ? theme.borderRadius.default : undefined
  },
  userButtonContents: {
    textTransform: 'none',
    fontSize: '16px',
    fontWeight: isFriendlyUI ? undefined : 400,
    color: blackBarTitle.get() ? theme.palette.text.alwaysWhite : theme.palette.header.text,
    wordBreak: 'break-word'
  },
  userImageButton: {
    display: 'flex',
    alignItems: 'center',
    columnGap: 4
  },
  arrowIcon: {
    color: theme.palette.grey[600],
    fontSize: 18
  },
  notAMember: {
    marginLeft: 5,
    opacity: 0.9
  },
  icon: {
    color: isFriendlyUI ? undefined : theme.palette.grey[500]
  },
  deactivatedTooltip: {
    maxWidth: 230
  },
  deactivated: {
    color: theme.palette.grey[600],
    marginLeft: 20
  },
  adminToggleItem: isFriendlyUI ? {
    display: 'none',
    [theme.breakpoints.down('xs')]: {
      display: 'block'
    }
  } : {},
})

const UsersMenu = ({classes}: {
  classes: ClassesType<typeof styles>,
}) => {
  const currentUser = useCurrentUser();
  const {eventHandlers, hover, forceUnHover, anchorEl} = useHover();
  const {openDialog} = useDialog();
  const {disableNoKibitz, setDisableNoKibitz} = useContext(DisableNoKibitzContext );
  const {toggleOn, toggleOff} = useAdminToggle();

  if (!currentUser) return null;
  if (currentUser.usernameUnset) {
    return <div className={classes.root}>
      <Button href='/logout' classes={{root: classes.userButtonRoot}}>
        <span className={classes.userButtonContents}>
          {isFriendlyUI ? "Log out" : "LOG OUT"}
        </span>
      </Button>
    </div>
  }
  
  const showNewButtons = (!isAF || userCanDo(currentUser, 'posts.alignment.new')) && !currentUser.deleted
  const isAfMember = currentUser.groups && currentUser.groups.includes('alignmentForum')
  
  const {
    LWPopper, LWTooltip, ThemePickerMenu, DropdownMenu, DropdownItem, DropdownDivider, UsersProfileImage, ForumIcon
  } = Components
  
  // By default, we show the user's display name as the menu button.
  let userButtonNode = <span className={classes.userButtonContents}>
    {userGetDisplayName(currentUser)}
    {currentUser.deleted && <LWTooltip title={<div className={classes.deactivatedTooltip}>
      <div>Your account has been deactivated:</div>
      <ul>
        <li>Your username appears as '[Anonymous]' on comments/posts</li>
        <li>Your profile page is not accessible</li>
      </ul>
    </div>}>
      <span className={classes.deactivated}>[Deactivated]</span>
    </LWTooltip>}
    {isAF && !isAfMember && <span className={classes.notAMember}> (Not a Member) </span>}
  </span>
  // On the EA Forum, if the user isn't deactivated, we instead show their profile image and a little arrow.
  if (isFriendlyUI && !currentUser.deleted) {
    userButtonNode = <div className={classes.userImageButton}>
      <UsersProfileImage user={currentUser} size={32} />
      <ForumIcon icon="ThickChevronDown" className={classes.arrowIcon} />
    </div>
  }
  
  /** Prevent navigation to your profile on mobile, where the only way to open
   * the menu is to click the button */
  const menuButtonOnClick = (ev: MouseEvent) => {
    if (isMobile()) {
      ev.preventDefault();
      ev.stopPropagation();
    }
  }
  
  const accountSettingsNode = <DropdownItem
    title={preferredHeadingCase("Account Settings")}
    to="/account"
    icon="Settings"
    iconClassName={classes.icon}
  />
  const messagesNode = <DropdownItem
    title={preferredHeadingCase("Private Messages")}
    to="/inbox"
    icon="Email"
    iconClassName={classes.icon}
  />
  
  const canCreateDialogue = userCanPost(currentUser)
    && dialoguesEnabled
    && userOverNKarmaOrApproved(MINIMUM_COAUTHOR_KARMA)(currentUser)

  const items = {
    divider: DropdownDivider,
    newPost: () => userCanPost(currentUser)
      ? (
        <DropdownItem
          title={preferredHeadingCase("New Post")}
          to="/newPost"
        />
      )
      : null,
    newQuestion: () => userCanPost(currentUser)
      ? (
        <DropdownItem
          title={preferredHeadingCase("New Question")}
          to="/newPost?question=true"
        />
      )
      : null,
    newDialogue: () => canCreateDialogue
      ? (
        <DropdownItem
          title={preferredHeadingCase("New Dialogue")}
          onClick={() => openDialog({componentName:"NewDialogueDialog"})}
        />
      )
    : null,
    /*
      * This is currently disabled for unreviewed users
      * as there's issues with the new quick takes entry for such users.
      * Long-term, we should fix these issues and reenable this option.
      */
    newShortform: () =>
      showNewButtons && userCanQuickTake(currentUser)
        ? (
          <DropdownItem
            title={preferredHeadingCase("New Quick Take")}
            onClick={() => openDialog({componentName:"NewShortformDialog"})}
          />
        )
      : null,
    newEvent: () => userCanPost(currentUser)
      ? (
        <DropdownItem
          title={preferredHeadingCase("New Event")}
          to="/newPost?eventForm=true"
        />
      )
      : null,
    newSequence: () =>
      showNewButtons && currentUser.karma >= SHOW_NEW_SEQUENCE_KARMA_THRESHOLD
        ? (
          <DropdownItem
            title={preferredHeadingCase("New Sequence")}
            to="/sequencesnew"
          />
        )
        : null,
  } as const;

  const hasBookmarks = (currentUser?.bookmarkedPostsMetadata.length ?? 0) >= 1;

  const order: (keyof typeof items)[] = isFriendlyUI
    ? ["newPost", "newShortform", "newQuestion", "newDialogue", "divider", "newEvent", "newSequence"]
    : ["newShortform", "newPost", "newEvent"];

  return (
    <div className={classes.root} {...eventHandlers}>
      <Link to={`/users/${currentUser.slug}`}>
        <Button
          classes={{root: classes.userButtonRoot}}
          onClick={menuButtonOnClick}
          data-testid="users-menu"
        >
          {userButtonNode}
        </Button>
      </Link>
      <LWPopper
        open={hover}
        anchorEl={anchorEl}
        placement="bottom-start"
      >
        <Paper>
          <DropdownMenu>
            <div
              onClick={() => {
                forceUnHover();
              }}
            >
              <div onClick={(ev) => {
                if (afNonMemberDisplayInitialPopup(currentUser, openDialog)) {
                  ev.preventDefault()
                }
              }}>
                {order.map((itemName, i) => {
                  const Component = items[itemName];
                  return <Component key={i} />
                })}
              </div>

              <DropdownDivider />

              {isAF && !isAfMember &&
                <DropdownItem
                  title={preferredHeadingCase("Apply for Membership")}
                  onClick={() => openDialog({componentName: "AFApplicationForm"})}
                />
              }
              {currentUser.noKibitz &&
                <DropdownItem
                  title={preferredHeadingCase(
                    disableNoKibitz
                      ? "Hide Names"
                      : "Reveal Names"
                  )}
                  onClick={() => setDisableNoKibitz(!disableNoKibitz)}
                  icon={() => disableNoKibitz
                    ? <EyeIcon className={classes.icon} />
                    : <EyeIconCrossed className={classes.icon} />
                  }
                />
              }
              {!currentUser.deleted &&
                <DropdownItem
                  title={preferredHeadingCase("User Profile")}
                  to={`/users/${currentUser.slug}`}
                  icon="User"
                  iconClassName={classes.icon}
                />
              }
               {!isEAForum &&
                <DropdownItem
                  title={preferredHeadingCase("My Drafts")}
                  to="/drafts"
                  icon="Edit"
                  iconClassName={classes.icon}
                />
              }
              {!isFriendlyUI && messagesNode}
              {userHasThemePicker(currentUser) &&
                <ThemePickerMenu>
                  <DropdownItem
                    title="Theme"
                    onClick={(ev) => {
                      if (isMobile()) {
                        ev.stopPropagation();
                      }
                    }}
                    icon="Puzzle"
                    iconClassName={classes.icon}
                  />
                </ThemePickerMenu>
              }
              {isEAForum && <DropdownItem
                title={"Post stats"}
                to={userGetAnalyticsUrl(currentUser)}
                icon="BarChart"
                iconClassName={classes.icon}
              />}
              {hasBookmarks &&<DropdownItem
                title={isFriendlyUI ? "Saved & read" : "Bookmarks"}
                to={isFriendlyUI ? "/saved" : "/bookmarks"}
                icon="Bookmarks"
                iconClassName={classes.icon}
              />}
              {!isFriendlyUI && accountSettingsNode}
              {isFriendlyUI && currentUser.shortformFeedId &&
                <DropdownItem
                  // TODO: get Habryka's take on what the title here should be
                  title={preferredHeadingCase("Your Quick Takes")}
                  to={postGetPageUrl({
                    _id: currentUser.shortformFeedId,
                    slug: "shortform",
                  })}
                  icon={isFriendlyUI ? "CommentFilled" : "Shortform"}
                  iconClassName={classes.icon}
                />
              }
              {isFriendlyUI && accountSettingsNode}
  
              {/*
                If you're an admin, you can disable your admin + moderator
                powers and take them back.
              */}
              {currentUser.isAdmin && <div className={classes.adminToggleItem}>
                <DropdownItem
                  title={preferredHeadingCase("Disable Admin Powers")}
                  onClick={toggleOff}
                />
              </div>}
              {!currentUser.isAdmin && userIsMemberOf(currentUser, "realAdmins") && <div className={classes.adminToggleItem}>
                <DropdownItem
                  title={preferredHeadingCase("Re-enable Admin Powers")}
                  onClick={toggleOn}
                />
              </div>}
  
              <DropdownDivider />
              
              <DropdownItem
                title={preferredHeadingCase("Log Out")}
                to="/logout"
                rawLink
              />
            </div>
          </DropdownMenu>
        </Paper>
      </LWPopper>
    </div>
  );
}

const UsersMenuComponent = registerComponent('UsersMenu', UsersMenu, {styles});

declare global {
  interface ComponentTypes {
    UsersMenu: typeof UsersMenuComponent
  }
}

1	import React, { MouseEvent, useContext } from 'react';	1✔
2	import { Components, registerComponent } from '../../lib/vulcan-lib';	1✔
3	import { Link } from '../../lib/reactRouterWrapper';	1✔
4	import { userCanDo, userCanQuickTake, userIsMemberOf, userOverNKarmaOrApproved } from '../../lib/vulcan-users/permissions';	1✔
5	import { userGetAnalyticsUrl, userGetDisplayName } from '../../lib/collections/users/helpers';	1✔
6	import { dialoguesEnabled, userHasThemePicker } from '../../lib/betas';	1✔
7
8	import Paper from '@material-ui/core/Paper';	1✔
9	import Button from '@material-ui/core/Button';	1✔
10	import EyeIconCrossed from '@material-ui/icons/VisibilityOff';	1✔
11	import EyeIcon from '@material-ui/icons/Visibility';	1✔
12
13	import { postGetPageUrl } from '../../lib/collections/posts/helpers';	1✔
14	import { useCurrentUser } from '../common/withUser';	1✔
15	import { useDialog } from '../common/withDialog'	1✔
16	import { useHover } from '../common/withHover'	1✔
17	import {afNonMemberDisplayInitialPopup} from "../../lib/alignment-forum/displayAFNonMemberPopups";	1✔
18	import { userCanPost } from '../../lib/collections/posts';	1✔
19	import { MINIMUM_COAUTHOR_KARMA } from '../../lib/collections/posts/schema';	1✔
20	import { DisableNoKibitzContext } from './UsersNameDisplay';	1✔
21	import { useAdminToggle } from '../admin/useAdminToggle';	1✔
22	import { isFriendlyUI, preferredHeadingCase } from '../../themes/forumTheme';	1✔
23	import { isMobile } from '../../lib/utils/isMobile'	1✔
24	import { SHOW_NEW_SEQUENCE_KARMA_THRESHOLD } from '../../lib/collections/sequences/permissions';	1✔
25	import { isAF, isEAForum } from '../../lib/instanceSettings';	1✔
26	import { blackBarTitle } from '../../lib/publicSettings';	1✔
27
28	const styles = (theme: ThemeType) => ({	1✔
29	root: {
30	marginTop: isFriendlyUI ? undefined : 5,	1!
31	wordBreak: 'break-all',
32	position: "relative"
33	},
34	userButtonRoot: {
35	// Mui default is 16px, so we're halving it to bring it into line with the
36	// rest of the header components
37	paddingLeft: isFriendlyUI ? 12 : theme.spacing.unit,	1!
38	paddingRight: theme.spacing.unit,
39	borderRadius: isFriendlyUI ? theme.borderRadius.default : undefined	1!
40	},
41	userButtonContents: {
42	textTransform: 'none',
43	fontSize: '16px',
44	fontWeight: isFriendlyUI ? undefined : 400,	1!
45	color: blackBarTitle.get() ? theme.palette.text.alwaysWhite : theme.palette.header.text,	1!
46	wordBreak: 'break-word'
47	},
48	userImageButton: {
49	display: 'flex',
50	alignItems: 'center',
51	columnGap: 4
52	},
53	arrowIcon: {
54	color: theme.palette.grey[600],
55	fontSize: 18
56	},
57	notAMember: {
58	marginLeft: 5,
59	opacity: 0.9
60	},
61	icon: {
62	color: isFriendlyUI ? undefined : theme.palette.grey[500]	1!
63	},
64	deactivatedTooltip: {
65	maxWidth: 230
66	},
67	deactivated: {
68	color: theme.palette.grey[600],
69	marginLeft: 20
70	},
71	adminToggleItem: isFriendlyUI ? {	1!
72	display: 'none',
73	[theme.breakpoints.down('xs')]: {
74	display: 'block'
75	}
76	} : {},
77	})
78
79	const UsersMenu = ({classes}: {	1✔
80	classes: ClassesType<typeof styles>,
81	}) => {
82	const currentUser = useCurrentUser();	×
83	const {eventHandlers, hover, forceUnHover, anchorEl} = useHover();	×
84	const {openDialog} = useDialog();	×
85	const {disableNoKibitz, setDisableNoKibitz} = useContext(DisableNoKibitzContext );	×
86	const {toggleOn, toggleOff} = useAdminToggle();	×
87
88	if (!currentUser) return null;	×
89	if (currentUser.usernameUnset) {	×
90	return <div className={classes.root}>	×
91	<Button href='/logout' classes={{root: classes.userButtonRoot}}>
92	<span className={classes.userButtonContents}>
93	{isFriendlyUI ? "Log out" : "LOG OUT"}	×
94	</span>
95	</Button>
96	</div>
97	}
98
99	const showNewButtons = (!isAF \|\| userCanDo(currentUser, 'posts.alignment.new')) && !currentUser.deleted	×
100	const isAfMember = currentUser.groups && currentUser.groups.includes('alignmentForum')	×
101
102	const {
103	LWPopper, LWTooltip, ThemePickerMenu, DropdownMenu, DropdownItem, DropdownDivider, UsersProfileImage, ForumIcon
104	} = Components	×
105
106	// By default, we show the user's display name as the menu button.
107	let userButtonNode = <span className={classes.userButtonContents}>	×
108	{userGetDisplayName(currentUser)}
109	{currentUser.deleted && <LWTooltip title={<div className={classes.deactivatedTooltip}>	×
110	<div>Your account has been deactivated:</div>
111	<ul>
112	<li>Your username appears as '[Anonymous]' on comments/posts</li>
113	<li>Your profile page is not accessible</li>
114	</ul>
115	</div>}>
116	<span className={classes.deactivated}>[Deactivated]</span>
117	</LWTooltip>}
118	{isAF && !isAfMember && <span className={classes.notAMember}> (Not a Member) </span>}	×
119	</span>
120	// On the EA Forum, if the user isn't deactivated, we instead show their profile image and a little arrow.
121	if (isFriendlyUI && !currentUser.deleted) {	×
122	userButtonNode = <div className={classes.userImageButton}>	×
123	<UsersProfileImage user={currentUser} size={32} />
124	<ForumIcon icon="ThickChevronDown" className={classes.arrowIcon} />
125	</div>
126	}
127
128	/** Prevent navigation to your profile on mobile, where the only way to open
129	* the menu is to click the button */
130	const menuButtonOnClick = (ev: MouseEvent) => {	×
131	if (isMobile()) {	×
132	ev.preventDefault();	×
133	ev.stopPropagation();	×
134	}
135	}
136
137	const accountSettingsNode = <DropdownItem	×
138	title={preferredHeadingCase("Account Settings")}
139	to="/account"
140	icon="Settings"
141	iconClassName={classes.icon}
142	/>
143	const messagesNode = <DropdownItem	×
144	title={preferredHeadingCase("Private Messages")}
145	to="/inbox"
146	icon="Email"
147	iconClassName={classes.icon}
148	/>
149
150	const canCreateDialogue = userCanPost(currentUser)	×
151	&& dialoguesEnabled
152	&& userOverNKarmaOrApproved(MINIMUM_COAUTHOR_KARMA)(currentUser)
153
154	const items = {	×
155	divider: DropdownDivider,
156	newPost: () => userCanPost(currentUser)	×
157	? (
158	<DropdownItem	×
159	title={preferredHeadingCase("New Post")}
160	to="/newPost"
161	/>
162	)
163	: null,
164	newQuestion: () => userCanPost(currentUser)	×
165	? (
166	<DropdownItem	×
167	title={preferredHeadingCase("New Question")}
168	to="/newPost?question=true"
169	/>
170	)
171	: null,
172	newDialogue: () => canCreateDialogue	×
173	? (
174	<DropdownItem	×
175	title={preferredHeadingCase("New Dialogue")}
176	onClick={() => openDialog({componentName:"NewDialogueDialog"})}	×
177	/>
178	)
179	: null,
180	/*
181	* This is currently disabled for unreviewed users
182	* as there's issues with the new quick takes entry for such users.
183	* Long-term, we should fix these issues and reenable this option.
184	*/
185	newShortform: () =>
186	showNewButtons && userCanQuickTake(currentUser)	×
187	? (
188	<DropdownItem	×
189	title={preferredHeadingCase("New Quick Take")}
190	onClick={() => openDialog({componentName:"NewShortformDialog"})}	×
191	/>
192	)
193	: null,
194	newEvent: () => userCanPost(currentUser)	×
195	? (
196	<DropdownItem	×
197	title={preferredHeadingCase("New Event")}
198	to="/newPost?eventForm=true"
199	/>
200	)
201	: null,
202	newSequence: () =>
203	showNewButtons && currentUser.karma >= SHOW_NEW_SEQUENCE_KARMA_THRESHOLD	×
204	? (
205	<DropdownItem	×
206	title={preferredHeadingCase("New Sequence")}
207	to="/sequencesnew"
208	/>
209	)
210	: null,
211	} as const;
212
NEW 213	const hasBookmarks = (currentUser?.bookmarkedPostsMetadata.length ?? 0) >= 1;	×
214
UNCOV 215	const order: (keyof typeof items)[] = isFriendlyUI	×
216	? ["newPost", "newShortform", "newQuestion", "newDialogue", "divider", "newEvent", "newSequence"]	×
217	: ["newShortform", "newPost", "newEvent"];
218
219	return (	×
220	<div className={classes.root} {...eventHandlers}>
221	<Link to={`/users/${currentUser.slug}`}>
222	<Button
223	classes={{root: classes.userButtonRoot}}
224	onClick={menuButtonOnClick}
225	data-testid="users-menu"
226	>
227	{userButtonNode}
228	</Button>
229	</Link>
230	<LWPopper
231	open={hover}
232	anchorEl={anchorEl}
233	placement="bottom-start"
234	>
235	<Paper>
236	<DropdownMenu>
237	<div
238	onClick={() => {
239	forceUnHover();	×
240	}}
241	>
242	<div onClick={(ev) => {
243	if (afNonMemberDisplayInitialPopup(currentUser, openDialog)) {	×
244	ev.preventDefault()	×
245	}
246	}}>
247	{order.map((itemName, i) => {
248	const Component = items[itemName];	×
249	return <Component key={i} />	×
250	})}
251	</div>
252
253	<DropdownDivider />
254
255	{isAF && !isAfMember &&	×
256	<DropdownItem
257	title={preferredHeadingCase("Apply for Membership")}
258	onClick={() => openDialog({componentName: "AFApplicationForm"})}	×
259	/>
260	}
261	{currentUser.noKibitz &&	×
262	<DropdownItem
263	title={preferredHeadingCase(
264	disableNoKibitz
265	? "Hide Names"	×
266	: "Reveal Names"
267	)}
268	onClick={() => setDisableNoKibitz(!disableNoKibitz)}	×
269	icon={() => disableNoKibitz	×
270	? <EyeIcon className={classes.icon} />	×
271	: <EyeIconCrossed className={classes.icon} />
272	}
273	/>
274	}
275	{!currentUser.deleted &&	×
276	<DropdownItem
277	title={preferredHeadingCase("User Profile")}
278	to={`/users/${currentUser.slug}`}
279	icon="User"
280	iconClassName={classes.icon}
281	/>
282	}
283	{!isEAForum &&	×
284	<DropdownItem
285	title={preferredHeadingCase("My Drafts")}
286	to="/drafts"
287	icon="Edit"
288	iconClassName={classes.icon}
289	/>
290	}
291	{!isFriendlyUI && messagesNode}	×
292	{userHasThemePicker(currentUser) &&
293	<ThemePickerMenu>
294	<DropdownItem
295	title="Theme"
296	onClick={(ev) => {
297	if (isMobile()) {	×
298	ev.stopPropagation();	×
299	}
300	}}
301	icon="Puzzle"
302	iconClassName={classes.icon}
303	/>
304	</ThemePickerMenu>
305	}
306	{isEAForum && <DropdownItem	×
307	title={"Post stats"}
308	to={userGetAnalyticsUrl(currentUser)}
309	icon="BarChart"
310	iconClassName={classes.icon}
311	/>}
312	{hasBookmarks &&<DropdownItem	×
313	title={isFriendlyUI ? "Saved & read" : "Bookmarks"}	×
314	to={isFriendlyUI ? "/saved" : "/bookmarks"}	×
315	icon="Bookmarks"
316	iconClassName={classes.icon}
317	/>}
318	{!isFriendlyUI && accountSettingsNode}	×
319	{isFriendlyUI && currentUser.shortformFeedId &&	×
320	<DropdownItem
321	// TODO: get Habryka's take on what the title here should be
322	title={preferredHeadingCase("Your Quick Takes")}
323	to={postGetPageUrl({
324	_id: currentUser.shortformFeedId,
325	slug: "shortform",
326	})}
327	icon={isFriendlyUI ? "CommentFilled" : "Shortform"}	×
328	iconClassName={classes.icon}
329	/>
330	}
331	{isFriendlyUI && accountSettingsNode}	×
332
333	{/*
334	If you're an admin, you can disable your admin + moderator
335	powers and take them back.
336	*/}
337	{currentUser.isAdmin && <div className={classes.adminToggleItem}>	×
338	<DropdownItem
339	title={preferredHeadingCase("Disable Admin Powers")}
340	onClick={toggleOff}
341	/>
342	</div>}
343	{!currentUser.isAdmin && userIsMemberOf(currentUser, "realAdmins") && <div className={classes.adminToggleItem}>	×
344	<DropdownItem
345	title={preferredHeadingCase("Re-enable Admin Powers")}
346	onClick={toggleOn}
347	/>
348	</div>}
349
350	<DropdownDivider />
351
352	<DropdownItem
353	title={preferredHeadingCase("Log Out")}
354	to="/logout"
355	rawLink
356	/>
357	</div>
358	</DropdownMenu>
359	</Paper>
360	</LWPopper>
361	</div>
362	);
363	}
364
365	const UsersMenuComponent = registerComponent('UsersMenu', UsersMenu, {styles});	1✔
366
367	declare global {
368	interface ComponentTypes {
369	UsersMenu: typeof UsersMenuComponent
370	}
371	}

ForumMagnum / ForumMagnum / 11636648768

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous