8943923750

Committed 03 May 2024 07:23PM UTC coverage: 31.91% (+0.007%) from 31.903%

Build # 8943923750

Build Type

Pull #9223

github

Committed by

Raemon

Commit Message

update email

Pull Request Pull Request #9223: Send email about LessOnline

Run Details

4708 of 38555 branches covered (12.21%)

Branch coverage included in aggregate %.

9 of 31 new or added lines in 3 files covered. (29.03%)

1049 existing lines in 44 files now uncovered.

27507 of 62401 relevant lines covered (44.08%)

179.69 hits per line

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

18.52

/packages/lesswrong/components/posts/PostsList2.tsx

import React from 'react';
import { Components, registerComponent } from '../../lib/vulcan-lib/components';
import { decodeIntlError } from '../../lib/vulcan-lib/utils';
import classNames from 'classnames';
import { PostsListConfig, usePostsList } from './usePostsList';
import FormattedMessage from '../../lib/vulcan-i18n/message';

const Error = ({error}: any) => <div>
  <FormattedMessage id={error.id} values={{value: error.value}}/>{error.message}
</div>;

const styles = (theme: ThemeType): JssStyles => ({
  itemIsLoading: {
    opacity: .4,
  },
  posts: {
    boxShadow: theme.palette.boxShadow.default,
  },
});

type PostsList2Props = PostsListConfig & {classes: ClassesType};

/** A list of posts, defined by a query that returns them. */
const PostsList2 = ({classes, ...props}: PostsList2Props) => {
  const {
    children,
    showNoResults,
    showLoadMore,
    showLoading,
    dimWhenLoading,
    loading,
    topLoading,
    boxShadow,
    error,
    loadMore,
    loadMoreProps,
    maybeMorePosts,
    orderedResults,
    itemProps,
    limit,
    placeholderCount,
    showFinalBottomBorder,
  } = usePostsList(props);

  const { LoadMore, PostsNoResults, SectionFooter, PostsItem, PostsLoading } = Components;

  if (!orderedResults && loading) {
    return <PostsLoading placeholderCount={placeholderCount || limit} showFinalBottomBorder={showFinalBottomBorder} />
  }

  if (!orderedResults?.length && !showNoResults) {
    return null
  }

  return (
    <div className={classNames({[classes.itemIsLoading]: loading && dimWhenLoading})}>
      {error && <Error error={decodeIntlError(error)} />}
      {loading && showLoading && (topLoading || dimWhenLoading) && <PostsLoading placeholderCount={placeholderCount || limit} />}
      {orderedResults && !orderedResults.length && <PostsNoResults />}

      <div className={boxShadow ? classes.posts : undefined}>
        {itemProps?.map((props) => <PostsItem key={props.post._id} {...props} />)}
      </div>
      {showLoadMore && <SectionFooter>
        <LoadMore
          {...loadMoreProps}
          loading={loading}
          loadMore={loadMore}
          hideLoading={dimWhenLoading || !showLoading}
          // It's important to use hidden here rather than not rendering the component,
          // because LoadMore has an "isFirstRender" check that prevents it from showing loading dots
          // on the first render. Not rendering resets this
          hidden={!maybeMorePosts && !loading}
          sectionFooterStyles
        />
        { children }
      </SectionFooter>}
    </div>
  )
}

const PostsList2Component = registerComponent('PostsList2', PostsList2, {
  styles,
  areEqual: {
    terms: "deep",
  },
});

declare global {
  interface ComponentTypes {
    PostsList2: typeof PostsList2Component
  }
}

1	import React from 'react';	1✔
2	import { Components, registerComponent } from '../../lib/vulcan-lib/components';	1✔
3	import { decodeIntlError } from '../../lib/vulcan-lib/utils';	1✔
4	import classNames from 'classnames';	1✔
5	import { PostsListConfig, usePostsList } from './usePostsList';	1✔
6	import FormattedMessage from '../../lib/vulcan-i18n/message';	1✔
7
8	const Error = ({error}: any) => <div>	1✔
9	<FormattedMessage id={error.id} values={{value: error.value}}/>{error.message}
10	</div>;
11
12	const styles = (theme: ThemeType): JssStyles => ({	1✔
13	itemIsLoading: {
14	opacity: .4,
15	},
16	posts: {
17	boxShadow: theme.palette.boxShadow.default,
18	},
19	});
20
21	type PostsList2Props = PostsListConfig & {classes: ClassesType};
22
23	/** A list of posts, defined by a query that returns them. */
24	const PostsList2 = ({classes, ...props}: PostsList2Props) => {	1✔
25	const {
26	children,
27	showNoResults,
28	showLoadMore,
29	showLoading,
30	dimWhenLoading,
31	loading,
32	topLoading,
33	boxShadow,
34	error,
35	loadMore,
36	loadMoreProps,
37	maybeMorePosts,
38	orderedResults,
39	itemProps,
40	limit,
41	placeholderCount,
42	showFinalBottomBorder,
UNCOV 43	} = usePostsList(props);	×
44
45	const { LoadMore, PostsNoResults, SectionFooter, PostsItem, PostsLoading } = Components;	×
46
47	if (!orderedResults && loading) {	×
UNCOV 48	return <PostsLoading placeholderCount={placeholderCount \|\| limit} showFinalBottomBorder={showFinalBottomBorder} />	×
49	}
50
UNCOV 51	if (!orderedResults?.length && !showNoResults) {	×
UNCOV 52	return null	×
53	}
54
UNCOV 55	return (	×
56	<div className={classNames({[classes.itemIsLoading]: loading && dimWhenLoading})}>	×
57	{error && <Error error={decodeIntlError(error)} />}	×
58	{loading && showLoading && (topLoading \|\| dimWhenLoading) && <PostsLoading placeholderCount={placeholderCount \|\| limit} />}	×
59	{orderedResults && !orderedResults.length && <PostsNoResults />}	×
60
61	<div className={boxShadow ? classes.posts : undefined}>	×
UNCOV 62	{itemProps?.map((props) => <PostsItem key={props.post._id} {...props} />)}	×
63	</div>
64	{showLoadMore && <SectionFooter>	×
65	<LoadMore
66	{...loadMoreProps}
67	loading={loading}
68	loadMore={loadMore}
69	hideLoading={dimWhenLoading \|\| !showLoading}	×
70	// It's important to use hidden here rather than not rendering the component,
71	// because LoadMore has an "isFirstRender" check that prevents it from showing loading dots
72	// on the first render. Not rendering resets this
73	hidden={!maybeMorePosts && !loading}	×
74	sectionFooterStyles
75	/>
76	{ children }
77	</SectionFooter>}
78	</div>
79	)
80	}
81
82	const PostsList2Component = registerComponent('PostsList2', PostsList2, {	1✔
83	styles,
84	areEqual: {
85	terms: "deep",
86	},
87	});
88
89	declare global {
90	interface ComponentTypes {
91	PostsList2: typeof PostsList2Component
92	}
93	}

ForumMagnum / ForumMagnum / 8943923750

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