8908609919

Committed 01 May 2024 11:10AM UTC coverage: 31.92% (-0.01%) from 31.934%

Build # 8908609919

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9207 from ForumMagnum/master

[EA] Deploy card view, login token materialized view, disable author moderation, LW stuff

Run Details

4724 of 38663 branches covered (12.22%)

Branch coverage included in aggregate %.

62 of 150 new or added lines in 26 files covered. (41.33%)

11 existing lines in 10 files now uncovered.

27571 of 62511 relevant lines covered (44.11%)

178.68 hits per line

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

40.0

/packages/lesswrong/components/posts/FriendlyPlaceholderPostsItem.tsx

import classNames from 'classnames';
import React from 'react';
import { registerComponent } from "../../lib/vulcan-lib";
import type { PostsListViewType } from '../hooks/usePostsListView';

const styles = (theme: ThemeType) => ({
  root: {
    minWidth: "100%",
    maxWidth: "100%",
    background: theme.palette.grey[0],
    padding: '15px 17px',
    border: `1px solid ${theme.palette.grey[100]}`,
    borderRadius: theme.borderRadius.default,
    [theme.breakpoints.down("xs")]: {
      padding: '14px 17px 12px',
    },
  },
  rootCard: {
    padding: '16px 17px',
    marginBottom: 2,
    height: 143,
  },
  container: {
    display: 'flex',
    justifyContent: 'space-between',
    alignItems: 'center',
    columnGap: 18,
  },
  placeholder: {
    height: 10,
    background: theme.palette.panelBackground.placeholderGradient,
    backgroundSize: "300% 100%",
    animation: "profile-image-loader 1.8s infinite",
    borderRadius: 3,
  },
  karma: {
    flex: 'none',
    width: 16,
  },
  titleCol: {
    flexGrow: 1,
  },
  title: {
    width: '100%',
    maxWidth: 434,
    marginBottom: 10,
  },
  metaRow: {
    display: 'flex',
    justifyContent: 'space-between',
    alignItems: 'center',
    columnGap: 18,
  },
  authorWrapper: {
    flexGrow: 1,
  },
  author: {
    width: '100%',
    maxWidth: 183,
  },
  commentIcon: {
    flex: 'none',
    width: 33,
    marginRight: 4,
  },
  commentIconMobile: {
    [theme.breakpoints.up("sm")]: {
      display: "none",
    },
  },
  commentIconCard: {
    alignSelf: "flex-start",
    marginTop: 2,
  },
  threeDotsIcon: {
    flex: 'none',
    height: 15,
    width: 10,
  },
  threeDotsIconMobile: {
    [theme.breakpoints.up("sm")]: {
      display: "none",
    },
  },
  threeDotsIconCard: {
    alignSelf: "flex-start",
  },
  hideOnMobile: {
    [theme.breakpoints.down("xs")]: {
      display: "none",
    },
  },
})

const FriendlyPlaceholderPostsItem = ({viewType = "list", classes}: {
  viewType?: PostsListViewType,
  classes: ClassesType<typeof styles>,
}) => {
  const cardView = viewType === "card";
  return (
    <div className={classNames(classes.root, cardView && classes.rootCard)}>
      <div className={classes.container}>
        <div className={classNames(classes.placeholder, classes.karma)}></div>
        <div className={classes.titleCol}>
          <div className={classNames(classes.placeholder, classes.title)}></div>
          <div className={classes.metaRow}>
            <div className={classes.authorWrapper}>
              <div className={classNames(classes.placeholder, classes.author)}></div>
            </div>
            <div className={classNames(
              classes.placeholder,
              classes.commentIcon,
              classes.commentIconMobile,
            )} />
            <div className={classNames(
              classes.placeholder,
              classes.threeDotsIcon,
              classes.threeDotsIconMobile,
            )} />
          </div>
        </div>
        <div className={classNames(
          classes.placeholder,
          classes.commentIcon,
          classes.hideOnMobile,
          cardView && classes.commentIconCard,
        )} />
        <div className={classNames(
          classes.placeholder,
          classes.threeDotsIcon,
          classes.hideOnMobile,
          cardView && classes.threeDotsIconCard,
        )} />
      </div>
    </div>
  );
}

const FriendlyPlaceholderPostsItemComponent = registerComponent('FriendlyPlaceholderPostsItem', FriendlyPlaceholderPostsItem, {styles});

declare global {
  interface ComponentTypes {
    FriendlyPlaceholderPostsItem: typeof FriendlyPlaceholderPostsItemComponent
  }
}

1	import classNames from 'classnames';	1✔
2	import React from 'react';	1✔
3	import { registerComponent } from "../../lib/vulcan-lib";	1✔
4	import type { PostsListViewType } from '../hooks/usePostsListView';
5
6	const styles = (theme: ThemeType) => ({	1✔
7	root: {
8	minWidth: "100%",
9	maxWidth: "100%",
10	background: theme.palette.grey[0],
11	padding: '15px 17px',
12	border: `1px solid ${theme.palette.grey[100]}`,
13	borderRadius: theme.borderRadius.default,
14	[theme.breakpoints.down("xs")]: {
15	padding: '14px 17px 12px',
16	},
17	},
18	rootCard: {
19	padding: '16px 17px',
20	marginBottom: 2,
21	height: 143,
22	},
23	container: {
24	display: 'flex',
25	justifyContent: 'space-between',
26	alignItems: 'center',
27	columnGap: 18,
28	},
29	placeholder: {
30	height: 10,
31	background: theme.palette.panelBackground.placeholderGradient,
32	backgroundSize: "300% 100%",
33	animation: "profile-image-loader 1.8s infinite",
34	borderRadius: 3,
35	},
36	karma: {
37	flex: 'none',
38	width: 16,
39	},
40	titleCol: {
41	flexGrow: 1,
42	},
43	title: {
44	width: '100%',
45	maxWidth: 434,
46	marginBottom: 10,
47	},
48	metaRow: {
49	display: 'flex',
50	justifyContent: 'space-between',
51	alignItems: 'center',
52	columnGap: 18,
53	},
54	authorWrapper: {
55	flexGrow: 1,
56	},
57	author: {
58	width: '100%',
59	maxWidth: 183,
60	},
61	commentIcon: {
62	flex: 'none',
63	width: 33,
64	marginRight: 4,
65	},
66	commentIconMobile: {
67	[theme.breakpoints.up("sm")]: {
68	display: "none",
69	},
70	},
71	commentIconCard: {
72	alignSelf: "flex-start",
73	marginTop: 2,
74	},
75	threeDotsIcon: {
76	flex: 'none',
77	height: 15,
78	width: 10,
79	},
80	threeDotsIconMobile: {
81	[theme.breakpoints.up("sm")]: {
82	display: "none",
83	},
84	},
85	threeDotsIconCard: {
86	alignSelf: "flex-start",
87	},
88	hideOnMobile: {
89	[theme.breakpoints.down("xs")]: {
90	display: "none",
91	},
92	},
93	})
94
95	const FriendlyPlaceholderPostsItem = ({viewType = "list", classes}: {	1!
96	viewType?: PostsListViewType,
97	classes: ClassesType<typeof styles>,
98	}) => {
NEW 99	const cardView = viewType === "card";	×
NEW 100	return (	×
101	<div className={classNames(classes.root, cardView && classes.rootCard)}>	×
102	<div className={classes.container}>
103	<div className={classNames(classes.placeholder, classes.karma)}></div>
104	<div className={classes.titleCol}>
105	<div className={classNames(classes.placeholder, classes.title)}></div>
106	<div className={classes.metaRow}>
107	<div className={classes.authorWrapper}>
108	<div className={classNames(classes.placeholder, classes.author)}></div>
109	</div>
110	<div className={classNames(
111	classes.placeholder,
112	classes.commentIcon,
113	classes.commentIconMobile,
114	)} />
115	<div className={classNames(
116	classes.placeholder,
117	classes.threeDotsIcon,
118	classes.threeDotsIconMobile,
119	)} />
120	</div>
121	</div>
122	<div className={classNames(
123	classes.placeholder,
124	classes.commentIcon,
125	classes.hideOnMobile,
126	cardView && classes.commentIconCard,	×
127	)} />
128	<div className={classNames(
129	classes.placeholder,
130	classes.threeDotsIcon,
131	classes.hideOnMobile,
132	cardView && classes.threeDotsIconCard,	×
133	)} />
134	</div>
135	</div>
136	);
137	}
138
139	const FriendlyPlaceholderPostsItemComponent = registerComponent('FriendlyPlaceholderPostsItem', FriendlyPlaceholderPostsItem, {styles});	1✔
140
141	declare global {
142	interface ComponentTypes {
143	FriendlyPlaceholderPostsItem: typeof FriendlyPlaceholderPostsItemComponent
144	}
145	}

ForumMagnum / ForumMagnum / 8908609919

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