9226868557

Committed 24 May 2024 04:09PM UTC coverage: 31.902% (-0.003%) from 31.905%

Build # 9226868557

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9312 from ForumMagnum/author-analytics-improvements-2024-05

Author analytics improvements 2024 05

Run Details

4800 of 39251 branches covered (12.23%)

Branch coverage included in aggregate %.

52 of 108 new or added lines in 10 files covered. (48.15%)

5 existing lines in 5 files now uncovered.

27948 of 63402 relevant lines covered (44.08%)

179.94 hits per line

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

85.71

/packages/lesswrong/components/analytics/AnalyticsPostItemSkeleton.tsx

import React from "react";
import { registerComponent } from "../../lib/vulcan-lib";
import classNames from "classnames";

const styles = (theme: ThemeType) => ({
  root: {
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    padding: "12px 4px 12px 12px",
    border: `1px solid ${theme.palette.grey[200]}`,
    borderRadius: theme.borderRadius.default,
    height: 65,
  },
  placeholder: {
    height: 10,
    background: theme.palette.panelBackground.placeholderGradient,
    backgroundSize: "300% 100%",
    animation: "profile-image-loader 1.8s infinite",
    borderRadius: 3,
  },
  title: {
    width: 268,
    marginBottom: 8,
  },
  info: {
    width: 145,
  },
});

export const AnalyticsPostItemSkeleton = ({className, classes}: {
  className?: string,
  classes: ClassesType<typeof styles>,
}) => {
  return (
    <div className={classNames(classes.root, className)}>
      <div className={classNames(classes.title, classes.placeholder)} />
      <div className={classNames(classes.info, classes.placeholder)} />
    </div>
  );
}

const AnalyticsPostItemSkeletonComponent = registerComponent(
  "AnalyticsPostItemSkeleton",
  AnalyticsPostItemSkeleton,
  {styles, stylePriority: -1},
);

declare global {
  interface ComponentTypes {
    AnalyticsPostItemSkeleton: typeof AnalyticsPostItemSkeletonComponent
  }
}

1	import React from "react";	3✔
2	import { registerComponent } from "../../lib/vulcan-lib";	1✔
3	import classNames from "classnames";	1✔
4
5	const styles = (theme: ThemeType) => ({	1✔
6	root: {
7	display: "flex",
8	flexDirection: "column",
9	justifyContent: "center",
10	padding: "12px 4px 12px 12px",
11	border: `1px solid ${theme.palette.grey[200]}`,
12	borderRadius: theme.borderRadius.default,
13	height: 65,
14	},
15	placeholder: {
16	height: 10,
17	background: theme.palette.panelBackground.placeholderGradient,
18	backgroundSize: "300% 100%",
19	animation: "profile-image-loader 1.8s infinite",
20	borderRadius: 3,
21	},
22	title: {
23	width: 268,
24	marginBottom: 8,
25	},
26	info: {
27	width: 145,
28	},
29	});
30
31	export const AnalyticsPostItemSkeleton = ({className, classes}: {	1✔
32	className?: string,
33	classes: ClassesType<typeof styles>,
34	}) => {
NEW 35	return (	×
36	<div className={classNames(classes.root, className)}>
37	<div className={classNames(classes.title, classes.placeholder)} />
38	<div className={classNames(classes.info, classes.placeholder)} />
39	</div>
40	);
41	}
42
43	const AnalyticsPostItemSkeletonComponent = registerComponent(	1✔
44	"AnalyticsPostItemSkeleton",
45	AnalyticsPostItemSkeleton,
46	{styles, stylePriority: -1},
47	);
48
49	declare global {
50	interface ComponentTypes {
51	AnalyticsPostItemSkeleton: typeof AnalyticsPostItemSkeletonComponent
52	}
53	}

ForumMagnum / ForumMagnum / 9226868557

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