8828180227

Committed 25 Apr 2024 06:44AM UTC coverage: 32.028% (+0.04%) from 31.988%

Build # 8828180227

Build Type

Pull #9173

github

Committed by

jimrandomh

Commit Message

Comments and lint

Pull Request Pull Request #9173: CkEditor folding-sections plugin

Run Details

4686 of 38075 branches covered (12.31%)

Branch coverage included in aggregate %.

3 of 23 new or added lines in 4 files covered. (13.04%)

910 existing lines in 25 files now uncovered.

27188 of 61443 relevant lines covered (44.25%)

181.97 hits per line

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

50.0

/packages/lesswrong/components/shortform/ShortformSubmitForm.tsx

import React from 'react';
import { Components, registerComponent } from '../../lib/vulcan-lib';
import { ForumOptions } from '../../lib/forumTypeUtils';
import { useCurrentUser } from '../common/withUser';
import type {
  CommentCancelCallback,
  CommentSuccessCallback,
} from '../comments/CommentsNewForm';
import { isFriendlyUI } from '../../themes/forumTheme';

const styles = (theme: ThemeType): JssStyles => ({
  root: {
    background: theme.palette.panelBackground.default,
    border: theme.palette.border.commentBorder,
    borderRadius: 3,
    marginBottom: 32,
  },
  close: {
    position: "absolute",
    right: 20,
    cursor: "pointer",
    "& svg": {
      color: theme.palette.grey[600],
      width: 20,
    },
  },
  newQuickTake: {
    fontFamily: theme.palette.fonts.sansSerifStack,
    fontWeight: isFriendlyUI ? 700 : 500,
    fontSize: 20,
    color: theme.palette.grey[1000],
    margin: isFriendlyUI ? 20 : '16px 20px 16px 0px',
  },
  quickTakesRoot: {
    background: "transparent",
    padding: 0,
    border: "none",
  },
  quickTakesEditor: {
    background: "transparent",
    padding: "10px 20px",
  },
  quickTakesTags: {
    padding: "0 20px",
  },
  quickTakesButton: {
    marginTop: 20,
    padding: 20,
    borderTop: `1px solid ${theme.palette.grey[300]}`,
  },
});

const ShortformSubmitForm = ({
  successCallback,
  cancelCallback,
  prefilledProps,
  noDefaultStyles,
  className,
  defaultExpanded,
  submitButtonAtBottom,
  classes,
}: {
  successCallback?: CommentSuccessCallback,
  cancelCallback?: CommentCancelCallback,
  prefilledProps?: any,
  noDefaultStyles?: boolean,
  className?: string,
  defaultExpanded?: boolean,
  submitButtonAtBottom?: boolean,
  classes: ClassesType,
}) => {
  const currentUser = useCurrentUser();
  const {QuickTakesEntry, ForumIcon} = Components;

  return (
    <div className={className}>
      <div className={classes.close} onClick={cancelCallback}>
        <ForumIcon icon="Close" />
      </div>
      <div className={classes.newQuickTake}>New quick take</div>
      <QuickTakesEntry
        currentUser={currentUser}
        className={classes.quickTakesRoot}
        editorClassName={classes.quickTakesEditor}
        tagsClassName={classes.quickTakesTags}
        buttonClassName={classes.quickTakesButton}
        successCallback={successCallback}
        cancelCallback={cancelCallback}
        defaultExpanded={isFriendlyUI || defaultExpanded}
        defaultFocus
        submitButtonAtBottom={isFriendlyUI || submitButtonAtBottom}
      />
    </div>
  );
}

const ShortformSubmitFormComponent = registerComponent('ShortformSubmitForm', ShortformSubmitForm, {styles});

declare global {
  interface ComponentTypes {
    ShortformSubmitForm: typeof ShortformSubmitFormComponent
  }
}

1	import React from 'react';	1✔
2	import { Components, registerComponent } from '../../lib/vulcan-lib';	1✔
3	import { ForumOptions } from '../../lib/forumTypeUtils';
4	import { useCurrentUser } from '../common/withUser';	1✔
5	import type {
6	CommentCancelCallback,
7	CommentSuccessCallback,
8	} from '../comments/CommentsNewForm';
9	import { isFriendlyUI } from '../../themes/forumTheme';	1✔
10
11	const styles = (theme: ThemeType): JssStyles => ({	1✔
12	root: {
13	background: theme.palette.panelBackground.default,
14	border: theme.palette.border.commentBorder,
15	borderRadius: 3,
16	marginBottom: 32,
17	},
18	close: {
19	position: "absolute",
20	right: 20,
21	cursor: "pointer",
22	"& svg": {
23	color: theme.palette.grey[600],
24	width: 20,
25	},
26	},
27	newQuickTake: {
28	fontFamily: theme.palette.fonts.sansSerifStack,
29	fontWeight: isFriendlyUI ? 700 : 500,	1!
30	fontSize: 20,
31	color: theme.palette.grey[1000],
32	margin: isFriendlyUI ? 20 : '16px 20px 16px 0px',	1!
33	},
34	quickTakesRoot: {
35	background: "transparent",
36	padding: 0,
37	border: "none",
38	},
39	quickTakesEditor: {
40	background: "transparent",
41	padding: "10px 20px",
42	},
43	quickTakesTags: {
44	padding: "0 20px",
45	},
46	quickTakesButton: {
47	marginTop: 20,
48	padding: 20,
49	borderTop: `1px solid ${theme.palette.grey[300]}`,
50	},
51	});
52
53	const ShortformSubmitForm = ({	1✔
54	successCallback,
55	cancelCallback,
56	prefilledProps,
57	noDefaultStyles,
58	className,
59	defaultExpanded,
60	submitButtonAtBottom,
61	classes,
62	}: {
63	successCallback?: CommentSuccessCallback,
64	cancelCallback?: CommentCancelCallback,
65	prefilledProps?: any,
66	noDefaultStyles?: boolean,
67	className?: string,
68	defaultExpanded?: boolean,
69	submitButtonAtBottom?: boolean,
70	classes: ClassesType,
71	}) => {
UNCOV 72	const currentUser = useCurrentUser();	×
UNCOV 73	const {QuickTakesEntry, ForumIcon} = Components;	×
74
UNCOV 75	return (	×
76	<div className={className}>
77	<div className={classes.close} onClick={cancelCallback}>
78	<ForumIcon icon="Close" />
79	</div>
80	<div className={classes.newQuickTake}>New quick take</div>
81	<QuickTakesEntry
82	currentUser={currentUser}
83	className={classes.quickTakesRoot}
84	editorClassName={classes.quickTakesEditor}
85	tagsClassName={classes.quickTakesTags}
86	buttonClassName={classes.quickTakesButton}
87	successCallback={successCallback}
88	cancelCallback={cancelCallback}
89	defaultExpanded={isFriendlyUI \|\| defaultExpanded}	×
90	defaultFocus
91	submitButtonAtBottom={isFriendlyUI \|\| submitButtonAtBottom}	×
92	/>
93	</div>
94	);
95	}
96
97	const ShortformSubmitFormComponent = registerComponent('ShortformSubmitForm', ShortformSubmitForm, {styles});	1✔
98
99	declare global {
100	interface ComponentTypes {
101	ShortformSubmitForm: typeof ShortformSubmitFormComponent
102	}
103	}

ForumMagnum / ForumMagnum / 8828180227

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