11297588342

Committed 11 Oct 2024 06:37PM UTC coverage: 31.692% (+0.05%) from 31.642%

Build # 11297588342

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9870 from ForumMagnum/user-profile-handles-invalid-post-sort-order

make sure user profiles don't crash on invalid post sort order query params

Run Details

5063 of 41768 branches covered (12.12%)

Branch coverage included in aggregate %.

3 of 6 new or added lines in 2 files covered. (50.0%)

1 existing line in 1 file now uncovered.

29612 of 67643 relevant lines covered (43.78%)

180.96 hits per line

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

13.17

/packages/lesswrong/components/users/UsersProfile.tsx

import { Components, registerComponent } from '../../lib/vulcan-lib';
import { useMulti } from '../../lib/crud/withMulti';
import React, { useState } from 'react';
import { Link } from '../../lib/reactRouterWrapper';
import { useLocation } from '../../lib/routeUtil';
import { userCanDo } from '../../lib/vulcan-users/permissions';
import { userCanEditUser, userGetDisplayName, userGetProfileUrl, userGetProfileUrlFromSlug } from "../../lib/collections/users/helpers";
import { userGetEditUrl } from '../../lib/vulcan-users/helpers';
import { DEFAULT_LOW_KARMA_THRESHOLD, POST_SORTING_MODES } from '../../lib/collections/posts/views'
import StarIcon from '@material-ui/icons/Star'
import DescriptionIcon from '@material-ui/icons/Description'
import MessageIcon from '@material-ui/icons/Message'
import PencilIcon from '@material-ui/icons/Create'
import classNames from 'classnames';
import { useCurrentUser } from '../common/withUser';
import Tooltip from '@material-ui/core/Tooltip';
import {AnalyticsContext} from "../../lib/analyticsEvents";
import { hasEventsSetting, siteNameWithArticleSetting, taggingNameIsSet, taggingNameCapitalSetting, taggingNameSetting, taglineSetting, isAF } from '../../lib/instanceSettings';
import { separatorBulletStyles } from '../common/SectionFooter';
import { SORT_ORDER_OPTIONS } from '../../lib/collections/posts/dropdownOptions';
import { nofollowKarmaThreshold } from '../../lib/publicSettings';
import CopyToClipboard from 'react-copy-to-clipboard';
import { useMessages } from '../common/withMessages';
import CopyIcon from '@material-ui/icons/FileCopy'
import { getUserStructuredData } from './UsersSingle';
import { preferredHeadingCase } from '../../themes/forumTheme';
import { COMMENT_SORTING_MODES } from '@/lib/collections/comments/views';

export const sectionFooterLeftStyles = {
  flexGrow: 1,
  display: "flex",
  '&&:after': {
    content: '""'
  }
}

const styles = (theme: ThemeType): JssStyles => ({
  profilePage: {
    marginLeft: "auto",
    [theme.breakpoints.down('sm')]: {
      paddingTop: 10,
      margin: 0,
    }
  },
  usernameTitle: {
    fontSize: "3.2rem",
    ...theme.typography.display3,
    ...theme.typography.headerStyle,
    marginTop: 0,
  },
  deletedUserName: {
    textDecoration: "line-through",
  },
  userInfo: {
    display: "flex",
    flexWrap: "wrap",
    color: theme.palette.lwTertiary.main,
    marginTop: 8,
    [theme.breakpoints.up('sm')]: {
      ...separatorBulletStyles(theme),
    },
    [theme.breakpoints.down('sm')]: {
      ...separatorBulletStyles(theme, 0.375),
    },
  },
  meta: {
    ...sectionFooterLeftStyles,
    [theme.breakpoints.down('sm')]: {
      width: "100%",
      marginBottom: theme.spacing.unit,
    }
  },
  icon: {
    '&$specificalz': {
      fontSize: 18,
      color: theme.palette.icon.dim,
      marginRight: 4
    }
  },
  actions: {
    marginLeft: 20,
  },
  bio: {
    marginTop: theme.spacing.unit*3,
  },
  postsTitle: {
    cursor: "pointer"
  },
  // Dark Magick
  // https://giphy.com/gifs/psychedelic-art-phazed-12GGadpt5aIUQE
  specificalz: {},
  userMetaInfo: {
    display: "inline-flex"
  },
  copyIcon: {
    fontSize: 14
  },
  subscribeButton: {
    display: "flex",
  },
  commentSorting: {
    marginRight: 30,
    [theme.breakpoints.down('xs')]: {
      marginRight: 0,
    },
  }
})

export const getUserFromResults = <T extends UsersMinimumInfo>(results: Array<T>|null|undefined): T|null => {
  // HOTFIX: Filtering out invalid users
  return results?.find(user => !!user.displayName) || results?.[0] || null
}

const UsersProfileFn = ({terms, slug, classes}: {
  terms: UsersViewTerms,
  slug: string,
  classes: ClassesType,
}) => {
  const [showSettings, setShowSettings] = useState(false);

  const currentUser = useCurrentUser();
  const { flash } = useMessages();
  
  const {loading, results} = useMulti({
    terms,
    collectionName: "Users",
    fragmentName: 'UsersProfile',
    enableTotal: false,
  });
  const user = getUserFromResults(results)
  
  const { query } = useLocation()

  const displaySequenceSection = (canEdit: boolean, user: UsersProfile) => {
    if (isAF) {
        return !!((canEdit && user.afSequenceDraftCount) || user.afSequenceCount) || !!(!canEdit && user.afSequenceCount)
    } else {
        return !!((canEdit && user.sequenceDraftCount) || user.sequenceCount) || !!(!canEdit && user.sequenceCount)
    }
  }

  const renderMeta = () => {
    if (!user) return null
    const { karma, postCount, commentCount, afPostCount, afCommentCount, afKarma, tagRevisionCount } = user;

    const userKarma = karma || 0
    const userAfKarma = afKarma || 0
    const userPostCount = !isAF ? postCount || 0 : afPostCount || 0
    const userCommentCount = !isAF ? commentCount || 0 : afCommentCount || 0

      return <div className={classes.meta}>

        { !isAF && <Tooltip title={`${userKarma} karma`}>
          <span className={classes.userMetaInfo}>
            <StarIcon className={classNames(classes.icon, classes.specificalz)}/>
            <Components.MetaInfo title="Karma">
              {userKarma}
            </Components.MetaInfo>
          </span>
        </Tooltip>}

        {!!userAfKarma && <Tooltip title={`${userAfKarma} karma${(!isAF) ? " on alignmentforum.org" : ""}`}>
          <span className={classes.userMetaInfo}>
            <Components.OmegaIcon className={classNames(classes.icon, classes.specificalz)}/>
            <Components.MetaInfo title="Alignment Karma">
              {userAfKarma}
            </Components.MetaInfo>
          </span>
        </Tooltip>}

        <Tooltip title={`${userPostCount} posts`}>
          <span className={classes.userMetaInfo}>
            <DescriptionIcon className={classNames(classes.icon, classes.specificalz)}/>
            <Components.MetaInfo title="Posts">
              {userPostCount}
            </Components.MetaInfo>
          </span>
        </Tooltip>

        <Tooltip title={`${userCommentCount} comments`}>
          <span className={classes.userMetaInfo}>
            <MessageIcon className={classNames(classes.icon, classes.specificalz)}/>
            <Components.MetaInfo title="Comments">
              { userCommentCount }
            </Components.MetaInfo>
          </span>
        </Tooltip>

        <Tooltip title={`${tagRevisionCount||0} ${taggingNameIsSet.get() ? taggingNameSetting.get() : 'wiki'} edit${tagRevisionCount === 1 ? '' : 's'}`}>
          <span className={classes.userMetaInfo}>
            <PencilIcon className={classNames(classes.icon, classes.specificalz)}/>
            <Components.MetaInfo>
              { tagRevisionCount||0 }
            </Components.MetaInfo>
          </span>
        </Tooltip>
      </div>
  }

  const render = () => {
    const { SunshineNewUsersProfileInfo, SingleColumnSection, SectionTitle, SequencesNewButton, LocalGroupsList,
      PostsListSettings, PostsList2, NewConversationButton, TagEditsByUser, DialogGroup,
      SettingsButton, ContentItemBody, Loading, Error404, PermanentRedirect, HeadTags,
      Typography, ContentStyles, ReportUserButton, LWTooltip, UserNotifyDropdown, CommentsSortBySelector } = Components

    if (loading) {
      return <div className={classNames("page", "users-profile", classes.profilePage)}>
        <Loading/>
      </div>
    }

    if (!user || !user._id || (user.deleted && !currentUser?.isAdmin)) {
      //eslint-disable-next-line no-console
      console.error(`// missing user (_id/slug: ${slug})`);
      return <Error404/>
    }

    if (user.oldSlugs?.includes(slug) && !user.deleted) {
      return <PermanentRedirect url={userGetProfileUrlFromSlug(user.slug)} />
    }

    // Does this profile page belong to a likely-spam account?
    if (user.spamRiskScore < 0.4) {
      if (currentUser?._id === user._id) {
        // Logged-in spammer can see their own profile
      } else if (currentUser && userCanDo(currentUser, 'posts.moderate.all')) {
        // Admins and sunshines can see spammer's profile
      } else {
        // Anyone else gets a 404 here
        // eslint-disable-next-line no-console
        console.log(`Not rendering profile page for account with poor spam risk score: ${user.displayName}`);
        return <Components.Error404/>
      }
    }

    const unlistedTerms: PostsViewTerms = {view: "unlisted", userId: user._id, limit: 20}
    const afSubmissionTerms: PostsViewTerms = {view: "userAFSubmissions", userId: user._id, limit: 4}
    const terms: PostsViewTerms = {view: "userPosts", ...query, userId: user._id, authorIsUnreviewed: null};
    const sequenceTerms: SequencesViewTerms = {view: "userProfile", userId: user._id, limit:9}
    const sequenceAllTerms: SequencesViewTerms = {view: "userProfileAll", userId: user._id, limit:9}

    // maintain backward compatibility with bookmarks
    const postQueryMode = (query.sortedBy || query.view ||  "new")
    const currentPostSortingMode = POST_SORTING_MODES.has(postQueryMode) ? postQueryMode : "new"
    terms.sortedBy = currentPostSortingMode
    
    const currentFilter = query.filter ||  "all"
    
    const commentQueryName = "commentsSortBy"
    const commentQueryMode = query[commentQueryName]
    const currentCommentSortBy = COMMENT_SORTING_MODES.has(commentQueryMode) ? commentQueryMode : undefined

    const ownPage = currentUser?._id === user._id
    const currentShowLowKarma = (parseInt(query.karmaThreshold) !== DEFAULT_LOW_KARMA_THRESHOLD)
    const currentIncludeEvents = (query.includeEvents === 'true')
    terms.excludeEvents = !currentIncludeEvents && currentFilter !== 'events'
    

    const username = userGetDisplayName(user)
    const metaDescription = `${username}'s profile on ${siteNameWithArticleSetting.get()} — ${taglineSetting.get()}`
    
    const nonAFMember = (isAF && !userCanDo(currentUser, "posts.alignment.new"))

    const showMessageButton = currentUser?._id !== user._id

    return (
      <div className={classNames("page", "users-profile", classes.profilePage)}>
        <HeadTags
          description={metaDescription}
          noIndex={(!user.postCount && !user.commentCount) || user.karma <= 0 || user.noindex}
          structuredData={getUserStructuredData(user)}
          image={user.profileImageId && `https://res.cloudinary.com/cea/image/upload/c_crop,g_custom,q_auto,f_auto/${user.profileImageId}.jpg`}
        />
        <AnalyticsContext pageContext={"userPage"}>
          {/* Bio Section */}
          <SingleColumnSection>
            <div className={classNames(classes.usernameTitle, {
              [classes.deletedUserName]: user.deleted
            })}>
              {username}
            </div>
            {user.deleted && "(account deleted)"}
            <Typography variant="body2" className={classes.userInfo}>
              { renderMeta() }
              { currentUser?.isAdmin &&
                <div>
                  <LWTooltip title="Click to copy userId" placement="right">
                    <CopyToClipboard text={user._id} onCopy={()=>flash({messageString:"userId copied!"})}>
                      <CopyIcon className={classes.copyIcon} />
                    </CopyToClipboard>
                  </LWTooltip>
                </div>
              }
              { currentUser?.isAdmin &&
                <div>
                  <DialogGroup
                    actions={[]}
                    trigger={<a>Register RSS</a>}
                  >
                    <div><Components.NewFeedButton user={user} /></div>
                  </DialogGroup>
                </div>
              }
              { currentUser && currentUser._id === user._id && <Link to="/manageSubscriptions">
                {preferredHeadingCase("Manage Subscriptions")}
              </Link>}
              { showMessageButton && <NewConversationButton user={user} currentUser={currentUser}>
                <a>Message</a>
              </NewConversationButton> }
              { <UserNotifyDropdown 
                user={user} 
                popperPlacement="bottom-end"
                className={classes.subscribeButton} 
              /> }
              {userCanEditUser(currentUser, user) && <Link to={userGetEditUrl(user)}>
                {preferredHeadingCase("Account Settings")}
              </Link>}
            </Typography>

            {user.htmlBio && <ContentStyles contentType="post">
              <ContentItemBody className={classes.bio} dangerouslySetInnerHTML={{__html: user.htmlBio }} description={`user ${user._id} bio`} nofollow={(user.karma || 0) < nofollowKarmaThreshold.get()}/>
            </ContentStyles>}
          </SingleColumnSection>

          <SingleColumnSection>
            <SunshineNewUsersProfileInfo userId={user._id} />
          </SingleColumnSection>

          {/* Sequences Section */}
          { displaySequenceSection(ownPage, user) && <SingleColumnSection>
            <SectionTitle title="Sequences">
              {ownPage && <SequencesNewButton />}
            </SectionTitle>
            <Components.SequencesGridWrapper
                terms={ownPage ? sequenceAllTerms : sequenceTerms}
                showLoadMore={true}/>
          </SingleColumnSection> }

          {/* Drafts Section */}
          { ownPage && <SingleColumnSection>
            <AnalyticsContext listContext={"userPageDrafts"}>
              <Components.DraftsList limit={5}/>
              <Components.PostsList2 hideAuthor showDraftTag={false} terms={unlistedTerms} showNoResults={false} showLoading={false} showLoadMore={false}/>
            </AnalyticsContext>
            {hasEventsSetting.get() && <Components.LocalGroupsList
              terms={{view: 'userInactiveGroups', userId: currentUser?._id}}
              showNoResults={false}
            />}
          </SingleColumnSection> }
          {/* AF Submissions Section */}
          {ownPage && nonAFMember && <SingleColumnSection>
            <Components.LWTooltip inlineBlock={false} title="Your posts are pending approval to the Alignment Forum and are only visible to you on the Forum. 
            They are visible to everyone on LessWrong.">
              <SectionTitle title="My Submissions"/>
            </Components.LWTooltip>
            <Components.PostsList2 hideAuthor showDraftTag={false} terms={afSubmissionTerms}/>
          </SingleColumnSection>
          }
          {/* Posts Section */}
          <SingleColumnSection>
            <div className={classes.postsTitle} onClick={() => setShowSettings(!showSettings)}>
              <SectionTitle title={"Posts"}>
                <SettingsButton label={`Sorted by ${ SORT_ORDER_OPTIONS[currentPostSortingMode].label }`}/>
              </SectionTitle>
            </div>
            {showSettings && <PostsListSettings
              hidden={false}
              currentSorting={currentPostSortingMode}
              currentFilter={currentFilter}
              currentShowLowKarma={currentShowLowKarma}
              currentIncludeEvents={currentIncludeEvents}
            />}
            <AnalyticsContext listContext={"userPagePosts"}>
              {user.shortformFeedId && <Components.ProfileShortform user={user}/>}
              <PostsList2 terms={terms} hideAuthor />
            </AnalyticsContext>
          </SingleColumnSection>
          {/* Groups Section */
            (ownPage || currentUser?.isAdmin) && <LocalGroupsList terms={{
                view: 'userActiveGroups',
                userId: user._id,
                limit: 300
              }} heading="Organizer of" showNoResults={false} />
          }
          {/* Wiki Section */}
          <SingleColumnSection>
            <SectionTitle title={`${taggingNameIsSet.get() ? taggingNameCapitalSetting.get() : 'Wiki'} Contributions`} />
            <AnalyticsContext listContext={"userPageWiki"}>
              <TagEditsByUser
                userId={user._id}
                limit={10}
              />
            </AnalyticsContext>
          </SingleColumnSection>
          {/* Comments Sections */}
          <AnalyticsContext pageSectionContext="commentsSection">
            {ownPage && nonAFMember && <SingleColumnSection>
              <Components.LWTooltip inlineBlock={false } title="Your comments are pending approval to the Alignment Forum and are only visible to you on the Forum. 
              They are visible to everyone on LessWrong.">
                <SectionTitle title={"Comment Submissions"} />
              </Components.LWTooltip>
              <Components.RecentComments terms={{view: 'afSubmissions', authorIsUnreviewed: null, limit: 5, userId: user._id}} />
            </SingleColumnSection>}
            <SingleColumnSection>
                <SectionTitle title={<Link to={`${userGetProfileUrl(user)}/replies`}>Comments</Link>} rootClassName={classes.commentSorting}>
                  <AnalyticsContext pageElementContext='userProfileCommentSort'>
                    Sorted by <CommentsSortBySelector />
                  </AnalyticsContext>
                </SectionTitle>
              <Components.RecentComments
                terms={{view: 'profileComments', sortBy: currentCommentSortBy, authorIsUnreviewed: null, limit: 10, userId: user._id}}
                showPinnedOnProfile
              />
            </SingleColumnSection>
          </AnalyticsContext>

          <ReportUserButton user={user}/>
        </AnalyticsContext>
      </div>
    )
  }

  return render();
}

const UsersProfileComponent = registerComponent(
  'UsersProfile', UsersProfileFn, {styles}
);

declare global {
  interface ComponentTypes {
    UsersProfile: typeof UsersProfileComponent
  }
}

1	import { Components, registerComponent } from '../../lib/vulcan-lib';	4✔
2	import { useMulti } from '../../lib/crud/withMulti';	1✔
3	import React, { useState } from 'react';	1✔
4	import { Link } from '../../lib/reactRouterWrapper';	1✔
5	import { useLocation } from '../../lib/routeUtil';	1✔
6	import { userCanDo } from '../../lib/vulcan-users/permissions';	1✔
7	import { userCanEditUser, userGetDisplayName, userGetProfileUrl, userGetProfileUrlFromSlug } from "../../lib/collections/users/helpers";	1✔
8	import { userGetEditUrl } from '../../lib/vulcan-users/helpers';	1✔
9	import { DEFAULT_LOW_KARMA_THRESHOLD, POST_SORTING_MODES } from '../../lib/collections/posts/views'	1✔
10	import StarIcon from '@material-ui/icons/Star'	1✔
11	import DescriptionIcon from '@material-ui/icons/Description'	1✔
12	import MessageIcon from '@material-ui/icons/Message'	1✔
13	import PencilIcon from '@material-ui/icons/Create'	1✔
14	import classNames from 'classnames';	1✔
15	import { useCurrentUser } from '../common/withUser';	1✔
16	import Tooltip from '@material-ui/core/Tooltip';	1✔
17	import {AnalyticsContext} from "../../lib/analyticsEvents";	1✔
18	import { hasEventsSetting, siteNameWithArticleSetting, taggingNameIsSet, taggingNameCapitalSetting, taggingNameSetting, taglineSetting, isAF } from '../../lib/instanceSettings';	1✔
19	import { separatorBulletStyles } from '../common/SectionFooter';	1✔
20	import { SORT_ORDER_OPTIONS } from '../../lib/collections/posts/dropdownOptions';	1✔
21	import { nofollowKarmaThreshold } from '../../lib/publicSettings';	1✔
22	import CopyToClipboard from 'react-copy-to-clipboard';	1✔
23	import { useMessages } from '../common/withMessages';	1✔
24	import CopyIcon from '@material-ui/icons/FileCopy'	1✔
25	import { getUserStructuredData } from './UsersSingle';	1✔
26	import { preferredHeadingCase } from '../../themes/forumTheme';	1✔
27	import { COMMENT_SORTING_MODES } from '@/lib/collections/comments/views';	1✔
28
29	export const sectionFooterLeftStyles = {	1✔
30	flexGrow: 1,
31	display: "flex",
32	'&&:after': {
33	content: '""'
34	}
35	}
36
37	const styles = (theme: ThemeType): JssStyles => ({	1✔
38	profilePage: {
39	marginLeft: "auto",
40	[theme.breakpoints.down('sm')]: {
41	paddingTop: 10,
42	margin: 0,
43	}
44	},
45	usernameTitle: {
46	fontSize: "3.2rem",
47	...theme.typography.display3,
48	...theme.typography.headerStyle,
49	marginTop: 0,
50	},
51	deletedUserName: {
52	textDecoration: "line-through",
53	},
54	userInfo: {
55	display: "flex",
56	flexWrap: "wrap",
57	color: theme.palette.lwTertiary.main,
58	marginTop: 8,
59	[theme.breakpoints.up('sm')]: {
60	...separatorBulletStyles(theme),
61	},
62	[theme.breakpoints.down('sm')]: {
63	...separatorBulletStyles(theme, 0.375),
64	},
65	},
66	meta: {
67	...sectionFooterLeftStyles,
68	[theme.breakpoints.down('sm')]: {
69	width: "100%",
70	marginBottom: theme.spacing.unit,
71	}
72	},
73	icon: {
74	'&$specificalz': {
75	fontSize: 18,
76	color: theme.palette.icon.dim,
77	marginRight: 4
78	}
79	},
80	actions: {
81	marginLeft: 20,
82	},
83	bio: {
84	marginTop: theme.spacing.unit*3,
85	},
86	postsTitle: {
87	cursor: "pointer"
88	},
89	// Dark Magick
90	// https://giphy.com/gifs/psychedelic-art-phazed-12GGadpt5aIUQE
91	specificalz: {},
92	userMetaInfo: {
93	display: "inline-flex"
94	},
95	copyIcon: {
96	fontSize: 14
97	},
98	subscribeButton: {
99	display: "flex",
100	},
101	commentSorting: {
102	marginRight: 30,
103	[theme.breakpoints.down('xs')]: {
104	marginRight: 0,
105	},
106	}
107	})
108
109	export const getUserFromResults = <T extends UsersMinimumInfo>(results: Array<T>\|null\|undefined): T\|null => {	1✔
110	// HOTFIX: Filtering out invalid users
111	return results?.find(user => !!user.displayName) \|\| results?.[0] \|\| null	×
112	}
113
114	const UsersProfileFn = ({terms, slug, classes}: {	1✔
115	terms: UsersViewTerms,
116	slug: string,
117	classes: ClassesType,
118	}) => {
119	const [showSettings, setShowSettings] = useState(false);	×
120
121	const currentUser = useCurrentUser();	×
122	const { flash } = useMessages();	×
123
124	const {loading, results} = useMulti({	×
125	terms,
126	collectionName: "Users",
127	fragmentName: 'UsersProfile',
128	enableTotal: false,
129	});
130	const user = getUserFromResults(results)	×
131
132	const { query } = useLocation()	×
133
134	const displaySequenceSection = (canEdit: boolean, user: UsersProfile) => {	×
135	if (isAF) {	×
136	return !!((canEdit && user.afSequenceDraftCount) \|\| user.afSequenceCount) \|\| !!(!canEdit && user.afSequenceCount)	×
137	} else {
138	return !!((canEdit && user.sequenceDraftCount) \|\| user.sequenceCount) \|\| !!(!canEdit && user.sequenceCount)	×
139	}
140	}
141
142	const renderMeta = () => {	×
143	if (!user) return null	×
144	const { karma, postCount, commentCount, afPostCount, afCommentCount, afKarma, tagRevisionCount } = user;	×
145
146	const userKarma = karma \|\| 0	×
147	const userAfKarma = afKarma \|\| 0	×
148	const userPostCount = !isAF ? postCount \|\| 0 : afPostCount \|\| 0	×
149	const userCommentCount = !isAF ? commentCount \|\| 0 : afCommentCount \|\| 0	×
150
151	return <div className={classes.meta}>	×
152
153	{ !isAF && <Tooltip title={`${userKarma} karma`}>	×
154	<span className={classes.userMetaInfo}>
155	<StarIcon className={classNames(classes.icon, classes.specificalz)}/>
156	<Components.MetaInfo title="Karma">
157	{userKarma}
158	</Components.MetaInfo>
159	</span>
160	</Tooltip>}
161
162	{!!userAfKarma && <Tooltip title={`${userAfKarma} karma${(!isAF) ? " on alignmentforum.org" : ""}`}>	×
163	<span className={classes.userMetaInfo}>
164	<Components.OmegaIcon className={classNames(classes.icon, classes.specificalz)}/>
165	<Components.MetaInfo title="Alignment Karma">
166	{userAfKarma}
167	</Components.MetaInfo>
168	</span>
169	</Tooltip>}
170
171	<Tooltip title={`${userPostCount} posts`}>
172	<span className={classes.userMetaInfo}>
173	<DescriptionIcon className={classNames(classes.icon, classes.specificalz)}/>
174	<Components.MetaInfo title="Posts">
175	{userPostCount}
176	</Components.MetaInfo>
177	</span>
178	</Tooltip>
179
180	<Tooltip title={`${userCommentCount} comments`}>
181	<span className={classes.userMetaInfo}>
182	<MessageIcon className={classNames(classes.icon, classes.specificalz)}/>
183	<Components.MetaInfo title="Comments">
184	{ userCommentCount }
185	</Components.MetaInfo>
186	</span>
187	</Tooltip>
188
189	<Tooltip title={`${tagRevisionCount\|\|0} ${taggingNameIsSet.get() ? taggingNameSetting.get() : 'wiki'} edit${tagRevisionCount === 1 ? '' : 's'}`}>	×
190	<span className={classes.userMetaInfo}>
191	<PencilIcon className={classNames(classes.icon, classes.specificalz)}/>
192	<Components.MetaInfo>
193	{ tagRevisionCount\|\|0 }	×
194	</Components.MetaInfo>
195	</span>
196	</Tooltip>
197	</div>
198	}
199
200	const render = () => {	×
201	const { SunshineNewUsersProfileInfo, SingleColumnSection, SectionTitle, SequencesNewButton, LocalGroupsList,
202	PostsListSettings, PostsList2, NewConversationButton, TagEditsByUser, DialogGroup,
203	SettingsButton, ContentItemBody, Loading, Error404, PermanentRedirect, HeadTags,
204	Typography, ContentStyles, ReportUserButton, LWTooltip, UserNotifyDropdown, CommentsSortBySelector } = Components	×
205
206	if (loading) {	×
207	return <div className={classNames("page", "users-profile", classes.profilePage)}>	×
208	<Loading/>
209	</div>
210	}
211
212	if (!user \|\| !user._id \|\| (user.deleted && !currentUser?.isAdmin)) {	×
213	//eslint-disable-next-line no-console
214	console.error(`// missing user (_id/slug: ${slug})`);	×
215	return <Error404/>	×
216	}
217
218	if (user.oldSlugs?.includes(slug) && !user.deleted) {	×
219	return <PermanentRedirect url={userGetProfileUrlFromSlug(user.slug)} />	×
220	}
221
222	// Does this profile page belong to a likely-spam account?
223	if (user.spamRiskScore < 0.4) {	×
224	if (currentUser?._id === user._id) {	×
225	// Logged-in spammer can see their own profile
226	} else if (currentUser && userCanDo(currentUser, 'posts.moderate.all')) {	×
227	// Admins and sunshines can see spammer's profile
228	} else {
229	// Anyone else gets a 404 here
230	// eslint-disable-next-line no-console
231	console.log(`Not rendering profile page for account with poor spam risk score: ${user.displayName}`);	×
232	return <Components.Error404/>	×
233	}
234	}
235
236	const unlistedTerms: PostsViewTerms = {view: "unlisted", userId: user._id, limit: 20}	×
237	const afSubmissionTerms: PostsViewTerms = {view: "userAFSubmissions", userId: user._id, limit: 4}	×
238	const terms: PostsViewTerms = {view: "userPosts", ...query, userId: user._id, authorIsUnreviewed: null};	×
239	const sequenceTerms: SequencesViewTerms = {view: "userProfile", userId: user._id, limit:9}	×
240	const sequenceAllTerms: SequencesViewTerms = {view: "userProfileAll", userId: user._id, limit:9}	×
241
242	// maintain backward compatibility with bookmarks
NEW 243	const postQueryMode = (query.sortedBy \|\| query.view \|\| "new")	×
NEW 244	const currentPostSortingMode = POST_SORTING_MODES.has(postQueryMode) ? postQueryMode : "new"	×
NEW 245	terms.sortedBy = currentPostSortingMode	×
246
UNCOV 247	const currentFilter = query.filter \|\| "all"	×
248
249	const commentQueryName = "commentsSortBy"	×
250	const commentQueryMode = query[commentQueryName]	×
251	const currentCommentSortBy = COMMENT_SORTING_MODES.has(commentQueryMode) ? commentQueryMode : undefined	×
252
253	const ownPage = currentUser?._id === user._id	×
254	const currentShowLowKarma = (parseInt(query.karmaThreshold) !== DEFAULT_LOW_KARMA_THRESHOLD)	×
255	const currentIncludeEvents = (query.includeEvents === 'true')	×
256	terms.excludeEvents = !currentIncludeEvents && currentFilter !== 'events'	×
257
258
259	const username = userGetDisplayName(user)	×
260	const metaDescription = `${username}'s profile on ${siteNameWithArticleSetting.get()} — ${taglineSetting.get()}`	×
261
262	const nonAFMember = (isAF && !userCanDo(currentUser, "posts.alignment.new"))	×
263
264	const showMessageButton = currentUser?._id !== user._id	×
265
266	return (	×
267	<div className={classNames("page", "users-profile", classes.profilePage)}>
268	<HeadTags
269	description={metaDescription}
270	noIndex={(!user.postCount && !user.commentCount) \|\| user.karma <= 0 \|\| user.noindex}	×
271	structuredData={getUserStructuredData(user)}
272	image={user.profileImageId && `https://res.cloudinary.com/cea/image/upload/c_crop,g_custom,q_auto,f_auto/${user.profileImageId}.jpg`}	×
273	/>
274	<AnalyticsContext pageContext={"userPage"}>
275	{/* Bio Section */}
276	<SingleColumnSection>
277	<div className={classNames(classes.usernameTitle, {
278	[classes.deletedUserName]: user.deleted
279	})}>
280	{username}
281	</div>
282	{user.deleted && "(account deleted)"}	×
283	<Typography variant="body2" className={classes.userInfo}>
284	{ renderMeta() }
285	{ currentUser?.isAdmin &&	×
286	<div>
287	<LWTooltip title="Click to copy userId" placement="right">
288	<CopyToClipboard text={user._id} onCopy={()=>flash({messageString:"userId copied!"})}>	×
289	<CopyIcon className={classes.copyIcon} />
290	</CopyToClipboard>
291	</LWTooltip>
292	</div>
293	}
294	{ currentUser?.isAdmin &&	×
295	<div>
296	<DialogGroup
297	actions={[]}
298	trigger={<a>Register RSS</a>}
299	>
300	<div><Components.NewFeedButton user={user} /></div>
301	</DialogGroup>
302	</div>
303	}
304	{ currentUser && currentUser._id === user._id && <Link to="/manageSubscriptions">	×
305	{preferredHeadingCase("Manage Subscriptions")}
306	</Link>}
307	{ showMessageButton && <NewConversationButton user={user} currentUser={currentUser}>	×
308	<a>Message</a>
309	</NewConversationButton> }
310	{ <UserNotifyDropdown
311	user={user}
312	popperPlacement="bottom-end"
313	className={classes.subscribeButton}
314	/> }	×
315	{userCanEditUser(currentUser, user) && <Link to={userGetEditUrl(user)}>
316	{preferredHeadingCase("Account Settings")}
317	</Link>}
318	</Typography>
319
320	{user.htmlBio && <ContentStyles contentType="post">	×
321	<ContentItemBody className={classes.bio} dangerouslySetInnerHTML={{__html: user.htmlBio }} description={`user ${user._id} bio`} nofollow={(user.karma \|\| 0) < nofollowKarmaThreshold.get()}/>	×
322	</ContentStyles>}
323	</SingleColumnSection>
324
325	<SingleColumnSection>
326	<SunshineNewUsersProfileInfo userId={user._id} />
327	</SingleColumnSection>
328
329	{/* Sequences Section */}
330	{ displaySequenceSection(ownPage, user) && <SingleColumnSection>	×
331	<SectionTitle title="Sequences">
332	{ownPage && <SequencesNewButton />}	×
333	</SectionTitle>
334	<Components.SequencesGridWrapper
335	terms={ownPage ? sequenceAllTerms : sequenceTerms}	×
336	showLoadMore={true}/>
337	</SingleColumnSection> }
338
339	{/* Drafts Section */}
340	{ ownPage && <SingleColumnSection>	×
341	<AnalyticsContext listContext={"userPageDrafts"}>
342	<Components.DraftsList limit={5}/>
343	<Components.PostsList2 hideAuthor showDraftTag={false} terms={unlistedTerms} showNoResults={false} showLoading={false} showLoadMore={false}/>
344	</AnalyticsContext>
345	{hasEventsSetting.get() && <Components.LocalGroupsList	×
346	terms={{view: 'userInactiveGroups', userId: currentUser?._id}}	×
347	showNoResults={false}
348	/>}
349	</SingleColumnSection> }
350	{/* AF Submissions Section */}
351	{ownPage && nonAFMember && <SingleColumnSection>	×
352	<Components.LWTooltip inlineBlock={false} title="Your posts are pending approval to the Alignment Forum and are only visible to you on the Forum.
353	They are visible to everyone on LessWrong.">
354	<SectionTitle title="My Submissions"/>
355	</Components.LWTooltip>
356	<Components.PostsList2 hideAuthor showDraftTag={false} terms={afSubmissionTerms}/>
357	</SingleColumnSection>
358	}
359	{/* Posts Section */}
360	<SingleColumnSection>
361	<div className={classes.postsTitle} onClick={() => setShowSettings(!showSettings)}>	×
362	<SectionTitle title={"Posts"}>
363	<SettingsButton label={`Sorted by ${ SORT_ORDER_OPTIONS[currentPostSortingMode].label }`}/>
364	</SectionTitle>
365	</div>
366	{showSettings && <PostsListSettings	×
367	hidden={false}
368	currentSorting={currentPostSortingMode}
369	currentFilter={currentFilter}
370	currentShowLowKarma={currentShowLowKarma}
371	currentIncludeEvents={currentIncludeEvents}
372	/>}
373	<AnalyticsContext listContext={"userPagePosts"}>
374	{user.shortformFeedId && <Components.ProfileShortform user={user}/>}	×
375	<PostsList2 terms={terms} hideAuthor />
376	</AnalyticsContext>
377	</SingleColumnSection>
378	{/* Groups Section */
379	(ownPage \|\| currentUser?.isAdmin) && <LocalGroupsList terms={{	×
380	view: 'userActiveGroups',
381	userId: user._id,
382	limit: 300
383	}} heading="Organizer of" showNoResults={false} />
384	}
385	{/* Wiki Section */}
386	<SingleColumnSection>
387	<SectionTitle title={`${taggingNameIsSet.get() ? taggingNameCapitalSetting.get() : 'Wiki'} Contributions`} />	×
388	<AnalyticsContext listContext={"userPageWiki"}>
389	<TagEditsByUser
390	userId={user._id}
391	limit={10}
392	/>
393	</AnalyticsContext>
394	</SingleColumnSection>
395	{/* Comments Sections */}
396	<AnalyticsContext pageSectionContext="commentsSection">
397	{ownPage && nonAFMember && <SingleColumnSection>	×
398	<Components.LWTooltip inlineBlock={false } title="Your comments are pending approval to the Alignment Forum and are only visible to you on the Forum.
399	They are visible to everyone on LessWrong.">
400	<SectionTitle title={"Comment Submissions"} />
401	</Components.LWTooltip>
402	<Components.RecentComments terms={{view: 'afSubmissions', authorIsUnreviewed: null, limit: 5, userId: user._id}} />
403	</SingleColumnSection>}
404	<SingleColumnSection>
405	<SectionTitle title={<Link to={`${userGetProfileUrl(user)}/replies`}>Comments</Link>} rootClassName={classes.commentSorting}>
406	<AnalyticsContext pageElementContext='userProfileCommentSort'>
407	Sorted by <CommentsSortBySelector />
408	</AnalyticsContext>
409	</SectionTitle>
410	<Components.RecentComments
411	terms={{view: 'profileComments', sortBy: currentCommentSortBy, authorIsUnreviewed: null, limit: 10, userId: user._id}}
412	showPinnedOnProfile
413	/>
414	</SingleColumnSection>
415	</AnalyticsContext>
416
417	<ReportUserButton user={user}/>
418	</AnalyticsContext>
419	</div>
420	)
421	}
422
423	return render();	×
424	}
425
426	const UsersProfileComponent = registerComponent(	1✔
427	'UsersProfile', UsersProfileFn, {styles}
428	);
429
430	declare global {
431	interface ComponentTypes {
432	UsersProfile: typeof UsersProfileComponent
433	}
434	}

ForumMagnum / ForumMagnum / 11297588342

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