8840375772

Committed 25 Apr 2024 10:47PM UTC coverage: 32.0% (-0.03%) from 32.032%

Build # 8840375772

Build Type

Pull #9183

github

Committed by

web-flow

Commit Message

Merge 247ee6fc4 into 5ad1e777c

Pull Request Pull Request #9183: LW Deploy, 2024-04-25 (second deploy of the day)

Run Details

4707 of 38390 branches covered (12.26%)

Branch coverage included in aggregate %.

267 of 659 new or added lines in 61 files covered. (40.52%)

216 existing lines in 12 files now uncovered.

27437 of 62061 relevant lines covered (44.21%)

180.57 hits per line

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

34.62

/packages/lesswrong/components/peopleDirectory/PeopleDirectorySocialMediaCell.tsx

import React from "react";
import { Components, registerComponent } from "../../lib/vulcan-lib";
import { socialMediaSiteNameToHref } from "../../lib/collections/users/helpers";
import { objectKeys } from "../../lib/utils/typeGuardUtils";
import { useTracking } from "../../lib/analyticsEvents";
import { EMPTY_TEXT_PLACEHOLDER, emptyTextCellStyles } from "./PeopleDirectoryTextCell";

const styles = (theme: ThemeType) => ({
  root: {
    display: "flex",
    gap: "12px",
  },
  link: {
    color: theme.palette.grey[600],
    "&:hover": {
      opacity: 1,
    },
  },
  icon: {
    width: 20,
    height: 20,
    fill: theme.palette.grey[600],
    "&:hover": {
      fill: theme.palette.grey[800],
    },
  },
  empty: {
    ...emptyTextCellStyles(theme),
  },
});

export const PeopleDirectorySocialMediaCell = ({user, classes}: {
  user: SearchUser,
  classes: ClassesType<typeof styles>,
}) => {
  const {captureEvent} = useTracking();

  const urls = user.socialMediaUrls ?? {};
  const keys = objectKeys(urls)

  const {SocialMediaIcon} = Components;
  return (
    <div className={classes.root}>
      {keys.length < 1 &&
        <span className={classes.empty}>{EMPTY_TEXT_PLACEHOLDER}</span>
      }
      {keys.map((field) => {
        const url = urls[field];
        if (!url) {
          return null;
        }
        const href = socialMediaSiteNameToHref(field, url);
        return (
          <a
            key={field}
            href={href}
            target="_blank"
            rel="noopener noreferrer"
            onClick={() => captureEvent("socialMediaClick", {
              field,
              href,
              userUrl: url,
              targetUserId: user._id,
            })}
            className={classes.link}
          >
            <SocialMediaIcon name={field} className={classes.icon} />
          </a>
        );
      })}
    </div>
  );
}

const PeopleDirectorySocialMediaCellComponent = registerComponent(
  "PeopleDirectorySocialMediaCell",
  PeopleDirectorySocialMediaCell,
  {styles},
);

declare global {
  interface ComponentTypes {
    PeopleDirectorySocialMediaCell: typeof PeopleDirectorySocialMediaCellComponent
  }
}

1	import React from "react";	3✔
2	import { Components, registerComponent } from "../../lib/vulcan-lib";	1✔
3	import { socialMediaSiteNameToHref } from "../../lib/collections/users/helpers";	1✔
4	import { objectKeys } from "../../lib/utils/typeGuardUtils";	1✔
5	import { useTracking } from "../../lib/analyticsEvents";	1✔
6	import { EMPTY_TEXT_PLACEHOLDER, emptyTextCellStyles } from "./PeopleDirectoryTextCell";	1✔
7
8	const styles = (theme: ThemeType) => ({	1✔
9	root: {
10	display: "flex",
11	gap: "12px",
12	},
13	link: {
14	color: theme.palette.grey[600],
15	"&:hover": {
16	opacity: 1,
17	},
18	},
19	icon: {
20	width: 20,
21	height: 20,
22	fill: theme.palette.grey[600],
23	"&:hover": {
24	fill: theme.palette.grey[800],
25	},
26	},
27	empty: {
28	...emptyTextCellStyles(theme),
29	},
30	});
31
32	export const PeopleDirectorySocialMediaCell = ({user, classes}: {	1✔
33	user: SearchUser,
34	classes: ClassesType<typeof styles>,
35	}) => {
NEW 36	const {captureEvent} = useTracking();	×
37
NEW 38	const urls = user.socialMediaUrls ?? {};	×
NEW 39	const keys = objectKeys(urls)	×
40
NEW 41	const {SocialMediaIcon} = Components;	×
NEW 42	return (	×
43	<div className={classes.root}>
44	{keys.length < 1 &&	×
45	<span className={classes.empty}>{EMPTY_TEXT_PLACEHOLDER}</span>
46	}
47	{keys.map((field) => {
NEW 48	const url = urls[field];	×
NEW 49	if (!url) {	×
NEW 50	return null;	×
51	}
NEW 52	const href = socialMediaSiteNameToHref(field, url);	×
NEW 53	return (	×
54	<a
55	key={field}
56	href={href}
57	target="_blank"
58	rel="noopener noreferrer"
NEW 59	onClick={() => captureEvent("socialMediaClick", {	×
60	field,
61	href,
62	userUrl: url,
63	targetUserId: user._id,
64	})}
65	className={classes.link}
66	>
67	<SocialMediaIcon name={field} className={classes.icon} />
68	</a>
69	);
70	})}
71	</div>
72	);
73	}
74
75	const PeopleDirectorySocialMediaCellComponent = registerComponent(	1✔
76	"PeopleDirectorySocialMediaCell",
77	PeopleDirectorySocialMediaCell,
78	{styles},
79	);
80
81	declare global {
82	interface ComponentTypes {
83	PeopleDirectorySocialMediaCell: typeof PeopleDirectorySocialMediaCellComponent
84	}
85	}

ForumMagnum / ForumMagnum / 8840375772

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