10567521812

Committed 26 Aug 2024 09:25PM UTC coverage: 32.134% (-0.002%) from 32.136%

Build # 10567521812

Build Type

Pull #9632

github

Committed by

web-flow

Commit Message

Merge 173592162 into 623e2a0d4

Pull Request Pull Request #9632: Merge master into LW deploy

Run Details

5017 of 40457 branches covered (12.4%)

Branch coverage included in aggregate %.

15 of 40 new or added lines in 6 files covered. (37.5%)

1 existing line in 1 file now uncovered.

29041 of 65529 relevant lines covered (44.32%)

190.04 hits per line

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

13.39

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

ForumMagnum / ForumMagnum / 10567521812

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