mirror of
https://github.com/wassname/talk.git
synced 2026-09-09 11:38:08 +08:00
new admin branding (#2692)
* add comment revisions * add strings * update fixtures * fix fixtures * [CORL-629] Update admin moderation containers to use new branding tokens (#2600) * Convert the moderation card components to use new styles CORL-629 * Style the details area in the moderate card using new font and color styles CORL-629 * Update FlagDetails on Moderate Card to match new branding styles CORL-629 * Remove typography from ModerateCard Username CORL-629 * Remove unnecessary new typography tokens created while experimenting CORL-629 * Update background colors of username buttons on moderate card CORL-629 * Update approve reject buttons to use new colors CORL-629 * Fix alignment of username and "Reply to" in InReplyTo component CORL-629 * Update moderated by on moderate card to match new branding CORL-629 * Create distinct admin marker and counter components with new branding styles Update moderate card components to use these distinct newly branded styles. CORL-629 * Create independent Tabs control with new styling for admin area Use it on the moderate card details area. CORL-629 * Remove letter spacing from moderate card styles CORL-629 * Update "DETAILS" tab on moderate card to be named "INFO" CORL-629 * Update some missing v2 css variables CORL-629 * Tweak the spacing of the COMMENT link and title on the moderate card CORL-629 * Update details font color on moderate card CORL-629 * Update spacing on newly styled Admin Tab component CORL-629 * Update spacing of reply to username on the moderate card CORL-629 * Update moderate card comment text area minimum width and height CORL-629 * Update vertical divider on moderate card to updated branding CORL-629 * Introduce new bold open sans font face Downgrades all existing bold's to semi-bold as they were equivalent before. CORL-629 * Update moderate card details tabs to use new bold open sans font CORL-629 * Create an admin specific timestamp control that implements new branding CORL-629 * Migrate shared moderate card styles into child component files CORL-629 * [CORL-631] Update admin side main navigation to new branding styles (#2625) * Convert the moderation card components to use new styles CORL-629 * Style the details area in the moderate card using new font and color styles CORL-629 * Update FlagDetails on Moderate Card to match new branding styles CORL-629 * Remove typography from ModerateCard Username CORL-629 * Remove unnecessary new typography tokens created while experimenting CORL-629 * Update background colors of username buttons on moderate card CORL-629 * Update approve reject buttons to use new colors CORL-629 * Fix alignment of username and "Reply to" in InReplyTo component CORL-629 * Update moderated by on moderate card to match new branding CORL-629 * Create distinct admin marker and counter components with new branding styles Update moderate card components to use these distinct newly branded styles. CORL-629 * Create independent Tabs control with new styling for admin area Use it on the moderate card details area. CORL-629 * Remove letter spacing from moderate card styles CORL-629 * Update "DETAILS" tab on moderate card to be named "INFO" CORL-629 * Update some missing v2 css variables CORL-629 * Tweak the spacing of the COMMENT link and title on the moderate card CORL-629 * Update details font color on moderate card CORL-629 * Update spacing on newly styled Admin Tab component CORL-629 * Update spacing of reply to username on the moderate card CORL-629 * Update moderate card comment text area minimum width and height CORL-629 * Update vertical divider on moderate card to updated branding CORL-629 * Introduce new bold open sans font face Downgrades all existing bold's to semi-bold as they were equivalent before. CORL-629 * Update moderate card details tabs to use new bold open sans font CORL-629 * Create an admin specific timestamp control that implements new branding CORL-629 * Migrate shared moderate card styles into child component files CORL-629 * Update main navigation admin side to use new branding styles CORL-631 * Bring in some preliminary color and font styles for the search bar This helps it match navigation, but does not update all the sub-styles of the search bar's many child components. CORL-631 * [CORL-694] use new styles for decision history (#2644) * use new styles for decision history * remove reference to nonexistent variable * update snaps * [CORL 695] admin branding - user menu (#2650) * update user menu, popover, and dropdown to new design tokens * fix feature button colours * use v2 spacing vars * admin branding: tables (#2651) * update user menu, popover, and dropdown to new design tokens * fix feature button colours * use v2 spacing vars * style stories and users table * update snap * update user status font weight * remove duplicate declaration * fix line height references * update design tokens for text inputs and selects (#2658) * use box shadow instead of outline for focus states * Update snapshots to adjust for resolved merge conflicts * Bring new branding styles to button components (#2667) * Create preliminary filled and outline buttons that match branding * Add adornment button variant to newly branded button * Add the ghost variant to the newly branded button component * Add underlined variant to the newly branded button component * Remove external Icon composes property * Convert camel-case button variables to kebab-case * [CORL-672] Configuration pages new branding (#2673) * style config side nav * general configuration tab branding * organization tab branding * moderation configuration branding * banned/suspect words config branding * email config branding * advanced settings branding * auth config branding * move helpertext and fieldset components * add textarea component * add back gutters on table search * update snaps * fix header component to accept labels * use new spacing form components * use spacing components for advanced config * fix tests * fix line height of radio buttons * update validation message branding * update snaps * fix paths casing * try lowercase then * add docs for new form components * move description component * update snaps * move components to /ui/v2 * [CORL-673] Update the moderate area search menu to use new branding styles (#2672) * Create preliminary filled and outline buttons that match branding * Add adornment button variant to newly branded button * Add the ghost variant to the newly branded button component * Add underlined variant to the newly branded button component * Remove external Icon composes property * Convert camel-case button variables to kebab-case * Preliminarily migrate raw components into v2 to prep for branding updates CORL-673 * Preliminarily update the search results bar to use new branding tokens CORL-673 * Update styles to new branding on migrated v2 client-ui components CORL-673 * Update see all and moderate all search option icons CORL-673 * style config side nav * general configuration tab branding * organization tab branding * moderation configuration branding * banned/suspect words config branding * email config branding * advanced settings branding * auth config branding * move helpertext and fieldset components * add textarea component * add back gutters on table search * update snaps * fix header component to accept labels * use new spacing form components * use spacing components for advanced config * fix tests * fix line height of radio buttons * update validation message branding * update snaps * fix paths casing * try lowercase then * add docs for new form components * move description component * update snaps * move components to /ui/v2 * Set size="md" on the Icon component and not the Localized component CORL-673 * tag component * [CORL-669] user drawer + misc branding (#2686) * tag component * top of user drawer branding * recent history in drawer * add tooltips component * use correct spacing prop * history tabs * user history and rejected comments * move callout component' * moderator notes components * account history table * table user row * swap in tabs components * remove overflow:hidden on buttons * update snaps * replace overflow scroll with auto * clean up from rebasing vs master * fix ts * sort exports * fix confusing linting errors * update snaps * clean up nav bar design * adjust nav hover colors * comment content component * update nav hover styles * fix search bar border * clean up moderate card components * more user drawer cleanup * user role switcher * update textfield vars and variants * update components in community page * move clickoutside component * clean up stories table * moderate route components * single moderate view * queue components * delay component * relative time component * decision history components * user drawer components cleanup * configure components * clean up buttons * update snaps * add all exports * [CORL-674] admin branding: modals (#2695) * update hotkeys modal components * hotkeys modal * user status change modals * user status change modals * invite users modal * fix tests * fix incorrect i18n string * resolve merge conflicts * move fonts to devdeps * Fix username props interface * fix dom nesting in components * update formatting in strings * rewrite delay component as functional component * remove tslint comments * change configure header component props
This commit is contained in:
Tessa Thornton
@@ -9,181 +9,189 @@ exports[`renders community 1`] = `
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-double"
|
||||
>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex Flex-doubleItemGutter Flex-justifySpaceBetween Flex-alignFlexEnd gutter"
|
||||
className="Box-root Flex-root Flex-flex Flex-justifySpaceBetween Flex-alignFlexEnd"
|
||||
>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex"
|
||||
className="Box-root Flex-root Flex-flex Flex-doubleItemGutter gutter"
|
||||
>
|
||||
<fieldset
|
||||
className="FieldSet-root"
|
||||
>
|
||||
<legend
|
||||
className="Box-root Typography-root Typography-bodyCopyBold Typography-colorTextPrimary UserTableFilter-legend"
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
Search
|
||||
</legend>
|
||||
<form
|
||||
autoComplete="off"
|
||||
id="configure-form"
|
||||
onSubmit={[Function]}
|
||||
>
|
||||
<div
|
||||
className="TextField-root UserTableFilter-textField"
|
||||
<label
|
||||
className="Label-root"
|
||||
>
|
||||
Search
|
||||
</label>
|
||||
<form
|
||||
autoComplete="off"
|
||||
id="configure-form"
|
||||
onSubmit={[Function]}
|
||||
>
|
||||
<input
|
||||
aria-label="Search by username or email address"
|
||||
className="TextField-input TextField-colorRegular TextField-seamlessAdornment"
|
||||
name="search"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder="Search by username or email address..."
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
className="TextField-adornment"
|
||||
className="TextField-root UserTableFilter-textField"
|
||||
>
|
||||
<button
|
||||
aria-label="Search"
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment UserTableFilter-adornment"
|
||||
data-color="dark"
|
||||
data-variant="adornment"
|
||||
<input
|
||||
aria-label="Search by username or email address"
|
||||
className="TextField-input TextField-colorDark TextField-seamlessAdornment"
|
||||
name="search"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseOut={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
type="submit"
|
||||
placeholder="Search by username or email address..."
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
className="TextField-adornment"
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-md"
|
||||
<button
|
||||
aria-label="Search"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorEmphasis Button-variantAdornment Button-uppercase UserTableFilter-adornment"
|
||||
data-color="emphasis"
|
||||
data-variant="adornment"
|
||||
onBlur={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseOut={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
type="submit"
|
||||
>
|
||||
search
|
||||
</i>
|
||||
</button>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-md"
|
||||
>
|
||||
search
|
||||
</i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset
|
||||
className="FieldSet-root"
|
||||
>
|
||||
<legend
|
||||
className="Box-root Typography-root Typography-bodyCopyBold Typography-colorTextPrimary UserTableFilter-legend"
|
||||
>
|
||||
Show Me
|
||||
</legend>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<span
|
||||
className="SelectField-root UserTableFilter-selectField"
|
||||
<label
|
||||
className="Label-root"
|
||||
>
|
||||
<select
|
||||
aria-label="Search by role"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
Show Me
|
||||
</label>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
>
|
||||
<span
|
||||
className="SelectField-root UserTableFilter-selectField"
|
||||
>
|
||||
<option
|
||||
<select
|
||||
aria-label="Search by role"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
>
|
||||
All Roles
|
||||
</option>
|
||||
<optgroup
|
||||
label="Audience"
|
||||
<option
|
||||
value=""
|
||||
>
|
||||
All Roles
|
||||
</option>
|
||||
<optgroup
|
||||
label="Audience"
|
||||
>
|
||||
<option
|
||||
value="COMMENTER"
|
||||
>
|
||||
Commenters
|
||||
</option>
|
||||
</optgroup>
|
||||
<optgroup
|
||||
label="Organization"
|
||||
>
|
||||
<option
|
||||
value="ADMIN"
|
||||
>
|
||||
Admins
|
||||
</option>
|
||||
<option
|
||||
value="MODERATOR"
|
||||
>
|
||||
Moderators
|
||||
</option>
|
||||
<option
|
||||
value="STAFF"
|
||||
>
|
||||
Staff
|
||||
</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
<option
|
||||
value="COMMENTER"
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
Commenters
|
||||
</option>
|
||||
</optgroup>
|
||||
<optgroup
|
||||
label="Organization"
|
||||
>
|
||||
<option
|
||||
value="ADMIN"
|
||||
>
|
||||
Admins
|
||||
</option>
|
||||
<option
|
||||
value="MODERATOR"
|
||||
>
|
||||
Moderators
|
||||
</option>
|
||||
<option
|
||||
value="STAFF"
|
||||
>
|
||||
Staff
|
||||
</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
expand_more
|
||||
</i>
|
||||
expand_more
|
||||
</i>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
className="SelectField-root UserTableFilter-selectField"
|
||||
>
|
||||
<select
|
||||
aria-label="Search by user status"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
<span
|
||||
className="SelectField-root UserTableFilter-selectField"
|
||||
>
|
||||
<option
|
||||
<select
|
||||
aria-label="Search by user status"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
>
|
||||
All Statuses
|
||||
</option>
|
||||
<option
|
||||
value="ACTIVE"
|
||||
<option
|
||||
value=""
|
||||
>
|
||||
All Statuses
|
||||
</option>
|
||||
<option
|
||||
value="ACTIVE"
|
||||
>
|
||||
Active
|
||||
</option>
|
||||
<option
|
||||
value="SUSPENDED"
|
||||
>
|
||||
Suspended
|
||||
</option>
|
||||
<option
|
||||
value="BANNED"
|
||||
>
|
||||
Banned
|
||||
</option>
|
||||
<option
|
||||
value="PREMOD"
|
||||
>
|
||||
Always pre-moderate
|
||||
</option>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
Active
|
||||
</option>
|
||||
<option
|
||||
value="SUSPENDED"
|
||||
>
|
||||
Suspended
|
||||
</option>
|
||||
<option
|
||||
value="BANNED"
|
||||
>
|
||||
Banned
|
||||
</option>
|
||||
<option
|
||||
value="PREMOD"
|
||||
>
|
||||
Always pre-moderate
|
||||
</option>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
expand_more
|
||||
</i>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
expand_more
|
||||
</i>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
@@ -191,8 +199,8 @@ exports[`renders community 1`] = `
|
||||
data-testid="invite-users"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
|
||||
data-color="primary"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase InviteUsers-button"
|
||||
data-color="default"
|
||||
data-testid="invite-users-button"
|
||||
data-variant="filled"
|
||||
onBlur={[Function]}
|
||||
@@ -256,9 +264,9 @@ exports[`renders community 1`] = `
|
||||
className="TableCell-root UserRow-usernameColumn TableCell-body"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantPlain UserRow-usernameButton"
|
||||
data-color="default"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -302,17 +310,13 @@ exports[`renders community 1`] = `
|
||||
className="TableCell-root UserRow-statusColumn TableCell-body"
|
||||
>
|
||||
<div
|
||||
className="ButtonPadding-root"
|
||||
className="UserStatus-root UserStatus-success"
|
||||
>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-detail Typography-colorSuccess"
|
||||
className="Box-root Flex-root Flex-flex Flex-halfItemGutter Flex-alignCenter gutter"
|
||||
>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex Flex-halfItemGutter Flex-alignCenter gutter"
|
||||
>
|
||||
<div>
|
||||
Active
|
||||
</div>
|
||||
<div>
|
||||
Active
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -325,9 +329,9 @@ exports[`renders community 1`] = `
|
||||
className="TableCell-root UserRow-usernameColumn TableCell-body"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantPlain UserRow-usernameButton"
|
||||
data-color="default"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -362,9 +366,9 @@ exports[`renders community 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="Change role"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserRoleChange-button"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain UserRoleChange-button"
|
||||
data-color="mono"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -404,17 +408,13 @@ exports[`renders community 1`] = `
|
||||
className="TableCell-root UserRow-statusColumn TableCell-body"
|
||||
>
|
||||
<div
|
||||
className="ButtonPadding-root"
|
||||
className="UserStatus-root UserStatus-success"
|
||||
>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-detail Typography-colorSuccess"
|
||||
className="Box-root Flex-root Flex-flex Flex-halfItemGutter Flex-alignCenter gutter"
|
||||
>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex Flex-halfItemGutter Flex-alignCenter gutter"
|
||||
>
|
||||
<div>
|
||||
Active
|
||||
</div>
|
||||
<div>
|
||||
Active
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -427,9 +427,9 @@ exports[`renders community 1`] = `
|
||||
className="TableCell-root UserRow-usernameColumn TableCell-body"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantPlain UserRow-usernameButton"
|
||||
data-color="default"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -464,9 +464,9 @@ exports[`renders community 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="Change role"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserRoleChange-button"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain UserRoleChange-button"
|
||||
data-color="mono"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -506,17 +506,13 @@ exports[`renders community 1`] = `
|
||||
className="TableCell-root UserRow-statusColumn TableCell-body"
|
||||
>
|
||||
<div
|
||||
className="ButtonPadding-root"
|
||||
className="UserStatus-root UserStatus-success"
|
||||
>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-detail Typography-colorSuccess"
|
||||
className="Box-root Flex-root Flex-flex Flex-halfItemGutter Flex-alignCenter gutter"
|
||||
>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex Flex-halfItemGutter Flex-alignCenter gutter"
|
||||
>
|
||||
<div>
|
||||
Active
|
||||
</div>
|
||||
<div>
|
||||
Active
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -529,9 +525,9 @@ exports[`renders community 1`] = `
|
||||
className="TableCell-root UserRow-usernameColumn TableCell-body"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantPlain UserRow-usernameButton"
|
||||
data-color="default"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -566,9 +562,9 @@ exports[`renders community 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="Change role"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserRoleChange-button"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain UserRoleChange-button"
|
||||
data-color="mono"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -612,9 +608,9 @@ exports[`renders community 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="Change user status"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserStatusChange-button UserStatusChange-fullWidth"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorMono Button-variantPlain UserStatusChange-button UserStatusChange-fullWidth"
|
||||
data-color="mono"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -624,7 +620,7 @@ exports[`renders community 1`] = `
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-detail Typography-colorSuccess"
|
||||
className="UserStatus-root UserStatus-success"
|
||||
>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex Flex-halfItemGutter Flex-alignCenter gutter"
|
||||
@@ -673,181 +669,189 @@ exports[`renders empty community 1`] = `
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-double"
|
||||
>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex Flex-doubleItemGutter Flex-justifySpaceBetween Flex-alignFlexEnd gutter"
|
||||
className="Box-root Flex-root Flex-flex Flex-justifySpaceBetween Flex-alignFlexEnd"
|
||||
>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex"
|
||||
className="Box-root Flex-root Flex-flex Flex-doubleItemGutter gutter"
|
||||
>
|
||||
<fieldset
|
||||
className="FieldSet-root"
|
||||
>
|
||||
<legend
|
||||
className="Box-root Typography-root Typography-bodyCopyBold Typography-colorTextPrimary UserTableFilter-legend"
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
Search
|
||||
</legend>
|
||||
<form
|
||||
autoComplete="off"
|
||||
id="configure-form"
|
||||
onSubmit={[Function]}
|
||||
>
|
||||
<div
|
||||
className="TextField-root UserTableFilter-textField"
|
||||
<label
|
||||
className="Label-root"
|
||||
>
|
||||
Search
|
||||
</label>
|
||||
<form
|
||||
autoComplete="off"
|
||||
id="configure-form"
|
||||
onSubmit={[Function]}
|
||||
>
|
||||
<input
|
||||
aria-label="Search by username or email address"
|
||||
className="TextField-input TextField-colorRegular TextField-seamlessAdornment"
|
||||
name="search"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder="Search by username or email address..."
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
className="TextField-adornment"
|
||||
className="TextField-root UserTableFilter-textField"
|
||||
>
|
||||
<button
|
||||
aria-label="Search"
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment UserTableFilter-adornment"
|
||||
data-color="dark"
|
||||
data-variant="adornment"
|
||||
<input
|
||||
aria-label="Search by username or email address"
|
||||
className="TextField-input TextField-colorDark TextField-seamlessAdornment"
|
||||
name="search"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseOut={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
type="submit"
|
||||
placeholder="Search by username or email address..."
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
className="TextField-adornment"
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-md"
|
||||
<button
|
||||
aria-label="Search"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorEmphasis Button-variantAdornment Button-uppercase UserTableFilter-adornment"
|
||||
data-color="emphasis"
|
||||
data-variant="adornment"
|
||||
onBlur={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseOut={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
type="submit"
|
||||
>
|
||||
search
|
||||
</i>
|
||||
</button>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-md"
|
||||
>
|
||||
search
|
||||
</i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset
|
||||
className="FieldSet-root"
|
||||
>
|
||||
<legend
|
||||
className="Box-root Typography-root Typography-bodyCopyBold Typography-colorTextPrimary UserTableFilter-legend"
|
||||
>
|
||||
Show Me
|
||||
</legend>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<span
|
||||
className="SelectField-root UserTableFilter-selectField"
|
||||
<label
|
||||
className="Label-root"
|
||||
>
|
||||
<select
|
||||
aria-label="Search by role"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
Show Me
|
||||
</label>
|
||||
<div
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
>
|
||||
<span
|
||||
className="SelectField-root UserTableFilter-selectField"
|
||||
>
|
||||
<option
|
||||
<select
|
||||
aria-label="Search by role"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
>
|
||||
All Roles
|
||||
</option>
|
||||
<optgroup
|
||||
label="Audience"
|
||||
<option
|
||||
value=""
|
||||
>
|
||||
All Roles
|
||||
</option>
|
||||
<optgroup
|
||||
label="Audience"
|
||||
>
|
||||
<option
|
||||
value="COMMENTER"
|
||||
>
|
||||
Commenters
|
||||
</option>
|
||||
</optgroup>
|
||||
<optgroup
|
||||
label="Organization"
|
||||
>
|
||||
<option
|
||||
value="ADMIN"
|
||||
>
|
||||
Admins
|
||||
</option>
|
||||
<option
|
||||
value="MODERATOR"
|
||||
>
|
||||
Moderators
|
||||
</option>
|
||||
<option
|
||||
value="STAFF"
|
||||
>
|
||||
Staff
|
||||
</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
<option
|
||||
value="COMMENTER"
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
Commenters
|
||||
</option>
|
||||
</optgroup>
|
||||
<optgroup
|
||||
label="Organization"
|
||||
>
|
||||
<option
|
||||
value="ADMIN"
|
||||
>
|
||||
Admins
|
||||
</option>
|
||||
<option
|
||||
value="MODERATOR"
|
||||
>
|
||||
Moderators
|
||||
</option>
|
||||
<option
|
||||
value="STAFF"
|
||||
>
|
||||
Staff
|
||||
</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
expand_more
|
||||
</i>
|
||||
expand_more
|
||||
</i>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
className="SelectField-root UserTableFilter-selectField"
|
||||
>
|
||||
<select
|
||||
aria-label="Search by user status"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
<span
|
||||
className="SelectField-root UserTableFilter-selectField"
|
||||
>
|
||||
<option
|
||||
<select
|
||||
aria-label="Search by user status"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
>
|
||||
All Statuses
|
||||
</option>
|
||||
<option
|
||||
value="ACTIVE"
|
||||
<option
|
||||
value=""
|
||||
>
|
||||
All Statuses
|
||||
</option>
|
||||
<option
|
||||
value="ACTIVE"
|
||||
>
|
||||
Active
|
||||
</option>
|
||||
<option
|
||||
value="SUSPENDED"
|
||||
>
|
||||
Suspended
|
||||
</option>
|
||||
<option
|
||||
value="BANNED"
|
||||
>
|
||||
Banned
|
||||
</option>
|
||||
<option
|
||||
value="PREMOD"
|
||||
>
|
||||
Always pre-moderate
|
||||
</option>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
Active
|
||||
</option>
|
||||
<option
|
||||
value="SUSPENDED"
|
||||
>
|
||||
Suspended
|
||||
</option>
|
||||
<option
|
||||
value="BANNED"
|
||||
>
|
||||
Banned
|
||||
</option>
|
||||
<option
|
||||
value="PREMOD"
|
||||
>
|
||||
Always pre-moderate
|
||||
</option>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
expand_more
|
||||
</i>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
expand_more
|
||||
</i>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
@@ -855,8 +859,8 @@ exports[`renders empty community 1`] = `
|
||||
data-testid="invite-users"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
|
||||
data-color="primary"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase InviteUsers-button"
|
||||
data-color="default"
|
||||
data-testid="invite-users-button"
|
||||
data-variant="filled"
|
||||
onBlur={[Function]}
|
||||
@@ -914,11 +918,11 @@ exports[`renders empty community 1`] = `
|
||||
className="TableBody-root"
|
||||
/>
|
||||
</table>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyCopyBold Typography-colorTextPrimary Typography-alignCenter EmptyMessage-root"
|
||||
<div
|
||||
className="EmptyMessage-root"
|
||||
>
|
||||
We could not find anyone in your community matching your criteria.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -95,8 +95,8 @@ exports[`renders configure advanced 1`] = `
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-double"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorSuccess Button-variantFilled Button-disabled"
|
||||
data-color="success"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase Button-disabled"
|
||||
data-color="default"
|
||||
data-testid="configure-sideBar-saveChanges"
|
||||
data-variant="filled"
|
||||
disabled={true}
|
||||
@@ -119,27 +119,37 @@ exports[`renders configure advanced 1`] = `
|
||||
data-testid="configure-advancedContainer"
|
||||
>
|
||||
<fieldset
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-oneAndAHalf"
|
||||
className="FieldSet-root Box-root ConfigBox-root"
|
||||
>
|
||||
<legend
|
||||
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Header-root"
|
||||
>
|
||||
Embed code
|
||||
</legend>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root SectionContent-sectionContent HorizontalGutter-double"
|
||||
className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
|
||||
>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyShort Typography-colorTextPrimary"
|
||||
<div>
|
||||
<legend
|
||||
className="Header-root"
|
||||
>
|
||||
Embed code
|
||||
</legend>
|
||||
</div>
|
||||
<div />
|
||||
</div>
|
||||
<div
|
||||
className="ConfigBox-content"
|
||||
>
|
||||
<fieldset
|
||||
className="FieldSet-root Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
|
||||
>
|
||||
Copy and paste the code below into your CMS to embed Coral comment streams in
|
||||
<p
|
||||
className="FormFieldDescription-root"
|
||||
>
|
||||
Copy and paste the code below into your CMS to embed Coral comment streams in
|
||||
each of your site’s stories.
|
||||
</p>
|
||||
<textarea
|
||||
className="EmbedCode-textArea"
|
||||
readOnly={true}
|
||||
rows={24}
|
||||
value="<div id=\\"coral_thread\\"></div>
|
||||
</p>
|
||||
<textarea
|
||||
className="Textarea-root EmbedCode-textArea"
|
||||
readOnly={true}
|
||||
rows={24}
|
||||
value="<div id=\\"coral_thread\\"></div>
|
||||
<script type=\\"text/javascript\\">
|
||||
(function() {
|
||||
var d = document, s = d.createElement('script');
|
||||
@@ -163,227 +173,276 @@ each of your site’s stories.
|
||||
(d.head || d.body).appendChild(s);
|
||||
})();
|
||||
</script>"
|
||||
/>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root EmbedCode-copyArea HorizontalGutter-full"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
|
||||
data-color="primary"
|
||||
data-variant="filled"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseOut={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
type="button"
|
||||
/>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root EmbedCode-copyArea HorizontalGutter-full"
|
||||
>
|
||||
<span>
|
||||
Copy
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase"
|
||||
data-color="default"
|
||||
data-variant="filled"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseOut={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<span>
|
||||
Copy
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
className="Box-root ConfigBox-root"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Header-root"
|
||||
htmlFor="configure-advanced-customCSSURL"
|
||||
>
|
||||
Custom CSS
|
||||
</label>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root SectionContent-sectionContent HorizontalGutter-double"
|
||||
>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyShort Typography-colorTextPrimary"
|
||||
<div>
|
||||
<label
|
||||
className="Header-root"
|
||||
htmlFor="configure-advanced-customCSSURL"
|
||||
>
|
||||
URL of a CSS stylesheet that will override default Embed Stream styles. Can be internal or external.
|
||||
</p>
|
||||
Custom CSS
|
||||
</label>
|
||||
</div>
|
||||
<div />
|
||||
</div>
|
||||
<div
|
||||
className="ConfigBox-content"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
|
||||
>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-advanced-customCSSURL"
|
||||
name="customCSSURL"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<p
|
||||
className="FormFieldDescription-root"
|
||||
>
|
||||
URL of a CSS stylesheet that will override default Embed Stream styles. Can be internal or external.
|
||||
</p>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-advanced-customCSSURL"
|
||||
name="customCSSURL"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
className="Box-root ConfigBox-root"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Header-root"
|
||||
htmlFor="configure-advanced-liveUpdates"
|
||||
>
|
||||
Comment stream live updates
|
||||
</label>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root SectionContent-sectionContent HorizontalGutter-double"
|
||||
>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyShort Typography-colorTextPrimary"
|
||||
<div>
|
||||
<label
|
||||
className="Header-root"
|
||||
htmlFor="configure-advanced-liveUpdates"
|
||||
>
|
||||
When enabled, there will be real-time loading and updating of comments.
|
||||
Comment stream live updates
|
||||
</label>
|
||||
</div>
|
||||
<div />
|
||||
</div>
|
||||
<div
|
||||
className="ConfigBox-content"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<p
|
||||
className="FormFieldDescription-root"
|
||||
>
|
||||
When enabled, there will be real-time loading and updating of comments.
|
||||
When disabled, users will have to refresh the page to see new comments.
|
||||
</p>
|
||||
<div>
|
||||
<div
|
||||
className="Box-root Flex-root RadioButton-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<input
|
||||
checked={true}
|
||||
className="RadioButton-input"
|
||||
disabled={false}
|
||||
id="live.enabled-true"
|
||||
name="live.enabled"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
type="radio"
|
||||
value={true}
|
||||
/>
|
||||
<label
|
||||
className="RadioButton-label"
|
||||
htmlFor="live.enabled-true"
|
||||
</p>
|
||||
<div>
|
||||
<div
|
||||
className="Box-root Flex-root RadioButton-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<span>
|
||||
On
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root Flex-root RadioButton-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<input
|
||||
checked={false}
|
||||
className="RadioButton-input"
|
||||
disabled={false}
|
||||
id="live.enabled-false"
|
||||
name="live.enabled"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
type="radio"
|
||||
value={false}
|
||||
/>
|
||||
<label
|
||||
className="RadioButton-label"
|
||||
htmlFor="live.enabled-false"
|
||||
<input
|
||||
checked={true}
|
||||
className="RadioButton-input"
|
||||
disabled={false}
|
||||
id="live.enabled-true"
|
||||
name="live.enabled"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
type="radio"
|
||||
value={true}
|
||||
/>
|
||||
<label
|
||||
className="RadioButton-label"
|
||||
htmlFor="live.enabled-true"
|
||||
>
|
||||
<span>
|
||||
On
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root Flex-root RadioButton-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<span>
|
||||
Off
|
||||
</span>
|
||||
</label>
|
||||
<input
|
||||
checked={false}
|
||||
className="RadioButton-input"
|
||||
disabled={false}
|
||||
id="live.enabled-false"
|
||||
name="live.enabled"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
type="radio"
|
||||
value={false}
|
||||
/>
|
||||
<label
|
||||
className="RadioButton-label"
|
||||
htmlFor="live.enabled-false"
|
||||
>
|
||||
<span>
|
||||
Off
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
className="Box-root ConfigBox-root"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Header-root"
|
||||
htmlFor="configure-advanced-allowedDomains"
|
||||
>
|
||||
Permitted domains
|
||||
</label>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root SectionContent-sectionContent HorizontalGutter-double"
|
||||
>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyShort Typography-colorTextPrimary"
|
||||
<div>
|
||||
<label
|
||||
className="Header-root"
|
||||
htmlFor="configure-advanced-allowedDomains"
|
||||
>
|
||||
Domains where your Coral instance is allowed to be embedded
|
||||
Permitted domains
|
||||
</label>
|
||||
</div>
|
||||
<div />
|
||||
</div>
|
||||
<div
|
||||
className="ConfigBox-content"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<p
|
||||
className="FormFieldDescription-root"
|
||||
>
|
||||
Domains where your Coral instance is allowed to be embedded
|
||||
including the scheme (ex. http://localhost:3000, https://staging.domain.com,
|
||||
https://domain.com).
|
||||
</p>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-advanced-allowedDomains"
|
||||
name="allowedDomains"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value="http://localhost:8080"
|
||||
/>
|
||||
</p>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-advanced-allowedDomains"
|
||||
name="allowedDomains"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value="http://localhost:8080"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-double"
|
||||
className="Box-root ConfigBox-root"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
|
||||
>
|
||||
<h1
|
||||
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Header-root"
|
||||
>
|
||||
Story creation
|
||||
</h1>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-detail Typography-colorTextPrimary"
|
||||
>
|
||||
Advanced settings for how stories are created within Coral.
|
||||
</p>
|
||||
<div>
|
||||
<h2
|
||||
className="Header-root"
|
||||
>
|
||||
Story creation
|
||||
</h2>
|
||||
</div>
|
||||
<div />
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-double"
|
||||
className="ConfigBox-content"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
<p
|
||||
className="FormFieldDescription-root"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
|
||||
Advanced settings for how stories are created within Coral.
|
||||
</p>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormFieldHeader-root HorizontalGutter-spacing-1"
|
||||
>
|
||||
Lazy story creation
|
||||
</label>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-detail Typography-colorTextPrimary"
|
||||
>
|
||||
Enable stories to be automatically created when they are published from your CMS.
|
||||
</p>
|
||||
<label
|
||||
className="Label-root"
|
||||
>
|
||||
Lazy story creation
|
||||
</label>
|
||||
<p
|
||||
className="HelperText-root"
|
||||
>
|
||||
Enable stories to be automatically created when they are published from your CMS.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
className="Box-root Flex-root RadioButton-root Flex-flex Flex-alignCenter"
|
||||
@@ -435,23 +494,23 @@ https://domain.com).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormFieldHeader-root HorizontalGutter-spacing-1"
|
||||
>
|
||||
Story scraping
|
||||
</label>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-detail Typography-colorTextPrimary"
|
||||
>
|
||||
Enable story metadata to be automatically scraped when they are published from your CMS.
|
||||
</p>
|
||||
<label
|
||||
className="Label-root"
|
||||
>
|
||||
Story scraping
|
||||
</label>
|
||||
<p
|
||||
className="HelperText-root"
|
||||
>
|
||||
Enable story metadata to be automatically scraped when they are published from your CMS.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
className="Box-root Flex-root RadioButton-root Flex-flex Flex-alignCenter"
|
||||
@@ -503,54 +562,58 @@ https://domain.com).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
|
||||
htmlFor="configure-advanced-stories-proxy-url"
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormFieldHeader-root HorizontalGutter-spacing-1"
|
||||
>
|
||||
Scraper proxy url
|
||||
</label>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-detail Typography-colorTextPrimary"
|
||||
>
|
||||
When specified, allows scraping requests to use the provided
|
||||
<label
|
||||
className="Label-root"
|
||||
htmlFor="configure-advanced-stories-proxy-url"
|
||||
>
|
||||
Scraper proxy url
|
||||
</label>
|
||||
<p
|
||||
className="HelperText-root"
|
||||
>
|
||||
When specified, allows scraping requests to use the provided
|
||||
proxy. All requests will then be passed through the appropriote
|
||||
proxy as parsed by the
|
||||
<a
|
||||
className="ExternalLink-root"
|
||||
href="https://www.npmjs.com/package/proxy-agent"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
npm proxy-agent
|
||||
</a>
|
||||
package.
|
||||
</p>
|
||||
<a
|
||||
className="ExternalLink-root"
|
||||
href="https://www.npmjs.com/package/proxy-agent"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
npm proxy-agent
|
||||
</a>
|
||||
package.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
className="TextField-root"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-advanced-stories-proxy-url"
|
||||
name="stories.scraping.proxyURL"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-advanced-stories-proxy-url"
|
||||
name="stories.scraping.proxyURL"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -95,8 +95,8 @@ exports[`renders configure organization 1`] = `
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-double"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorSuccess Button-variantFilled Button-disabled"
|
||||
data-color="success"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase Button-disabled"
|
||||
data-color="default"
|
||||
data-testid="configure-sideBar-saveChanges"
|
||||
data-variant="filled"
|
||||
disabled={true}
|
||||
@@ -119,65 +119,83 @@ exports[`renders configure organization 1`] = `
|
||||
data-testid="configure-organizationContainer"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
className="Box-root ConfigBox-root"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
|
||||
>
|
||||
<div>
|
||||
<label
|
||||
className="Header-root"
|
||||
htmlFor="configure-organization-organization.name"
|
||||
>
|
||||
Organization name
|
||||
</label>
|
||||
</div>
|
||||
<div />
|
||||
</div>
|
||||
<div
|
||||
className="ConfigBox-content"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Header-root"
|
||||
htmlFor="configure-organization-organization.name"
|
||||
>
|
||||
Organization name
|
||||
</label>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root SectionContent-sectionContent HorizontalGutter-double"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
|
||||
>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyShort Typography-colorTextPrimary"
|
||||
className="FormFieldDescription-root"
|
||||
>
|
||||
Your organization name will appear on emails sent by Coral to your community and organization members.
|
||||
</p>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-organization-organization.name"
|
||||
name="organization.name"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value="Coral"
|
||||
/>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-organization-organization.name"
|
||||
name="organization.name"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value="Coral"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
className="Box-root ConfigBox-root"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
|
||||
>
|
||||
<div>
|
||||
<label
|
||||
className="Header-root"
|
||||
htmlFor="configure-organization-organization.contactEmail"
|
||||
>
|
||||
Organization email
|
||||
</label>
|
||||
</div>
|
||||
<div />
|
||||
</div>
|
||||
<div
|
||||
className="ConfigBox-content"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Header-root"
|
||||
htmlFor="configure-organization-organization.contactEmail"
|
||||
>
|
||||
Organization email
|
||||
</label>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root SectionContent-sectionContent HorizontalGutter-double"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
|
||||
>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyShort Typography-colorTextPrimary"
|
||||
className="FormFieldDescription-root"
|
||||
>
|
||||
This email address will be used as in emails and across the platform
|
||||
for community members to get in touch with the organization should
|
||||
@@ -185,67 +203,82 @@ they have any questions about the status of their accounts or
|
||||
moderation questions.
|
||||
</p>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-organization-organization.contactEmail"
|
||||
name="organization.contactEmail"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value="coral@test.com"
|
||||
/>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-organization-organization.contactEmail"
|
||||
name="organization.contactEmail"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value="coral@test.com"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
className="Box-root ConfigBox-root"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
|
||||
>
|
||||
<div>
|
||||
<label
|
||||
className="Header-root"
|
||||
htmlFor="configure-organization-organization.url"
|
||||
>
|
||||
Organization URL
|
||||
</label>
|
||||
</div>
|
||||
<div />
|
||||
</div>
|
||||
<div
|
||||
className="ConfigBox-content"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Header-root"
|
||||
htmlFor="configure-organization-organization.url"
|
||||
>
|
||||
Organization URL
|
||||
</label>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root SectionContent-sectionContent HorizontalGutter-double"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
|
||||
>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyShort Typography-colorTextPrimary"
|
||||
className="FormFieldDescription-root"
|
||||
>
|
||||
Your organization url will appear on emails sent by Coral to your community and organization members.
|
||||
</p>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-organization-organization.url"
|
||||
name="organization.url"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value="https://test.com/"
|
||||
/>
|
||||
<div
|
||||
className="TextField-root TextField-fullWidth"
|
||||
>
|
||||
<input
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="TextField-input TextField-colorRegular"
|
||||
disabled={false}
|
||||
id="configure-organization-organization.url"
|
||||
name="organization.url"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder=""
|
||||
spellCheck={false}
|
||||
type="text"
|
||||
value="https://test.com/"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -95,8 +95,8 @@ exports[`renders configure wordList 1`] = `
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-double"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorSuccess Button-variantFilled Button-disabled"
|
||||
data-color="success"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase Button-disabled"
|
||||
data-color="default"
|
||||
data-testid="configure-sideBar-saveChanges"
|
||||
data-variant="filled"
|
||||
disabled={true}
|
||||
@@ -119,45 +119,58 @@ exports[`renders configure wordList 1`] = `
|
||||
data-testid="configure-wordListContainer"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-oneAndAHalf"
|
||||
className="Box-root ConfigBox-root"
|
||||
>
|
||||
<h1
|
||||
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Header-root"
|
||||
>
|
||||
Banned words and phrases
|
||||
</h1>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root SectionContent-sectionContent HorizontalGutter-double"
|
||||
className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
|
||||
>
|
||||
<div>
|
||||
<h2
|
||||
className="Header-root"
|
||||
>
|
||||
Banned words and phrases
|
||||
</h2>
|
||||
</div>
|
||||
<div />
|
||||
</div>
|
||||
<div
|
||||
className="ConfigBox-content"
|
||||
>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyShort Typography-colorTextPrimary"
|
||||
>
|
||||
Comments containing a word or phrase in the banned words list are
|
||||
<strong>
|
||||
automatically rejected and are not published
|
||||
</strong>
|
||||
.
|
||||
</p>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
|
||||
htmlFor="configure-wordlist-banned"
|
||||
>
|
||||
Banned word list
|
||||
</label>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
|
||||
className="FormFieldDescription-root"
|
||||
>
|
||||
Separate banned words or phrases with a new line. Words/phrases are not case sensitive.
|
||||
Comments containing a word or phrase in the banned words list are
|
||||
<strong>
|
||||
automatically rejected and are not published
|
||||
</strong>
|
||||
.
|
||||
</p>
|
||||
<div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormFieldHeader-root HorizontalGutter-spacing-1"
|
||||
>
|
||||
<label
|
||||
className="Label-root"
|
||||
htmlFor="configure-wordlist-banned"
|
||||
>
|
||||
Banned word list
|
||||
</label>
|
||||
<p
|
||||
className="HelperText-root"
|
||||
>
|
||||
Separate banned words or phrases with a new line. Words/phrases are not case sensitive.
|
||||
</p>
|
||||
</div>
|
||||
<textarea
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="BannedWordListConfig-textArea WordListTextArea-textArea"
|
||||
className="Textarea-root BannedWordListConfig-textArea WordListTextArea-textArea"
|
||||
disabled={false}
|
||||
id="configure-wordlist-banned"
|
||||
name="wordList.banned"
|
||||
@@ -172,46 +185,59 @@ exports[`renders configure wordList 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-oneAndAHalf"
|
||||
className="Box-root ConfigBox-root"
|
||||
>
|
||||
<h1
|
||||
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Header-root"
|
||||
>
|
||||
Suspect words and phrases
|
||||
</h1>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root SectionContent-sectionContent HorizontalGutter-double"
|
||||
className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
|
||||
>
|
||||
<div>
|
||||
<h2
|
||||
className="Header-root"
|
||||
>
|
||||
Suspect words and phrases
|
||||
</h2>
|
||||
</div>
|
||||
<div />
|
||||
</div>
|
||||
<div
|
||||
className="ConfigBox-content"
|
||||
>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyShort Typography-colorTextPrimary"
|
||||
>
|
||||
Comments containing a word or phrase in the Suspect Words List
|
||||
are
|
||||
<strong>
|
||||
placed into the Reported Queue for moderator review and are
|
||||
published (if comments are not pre-moderated).
|
||||
</strong>
|
||||
</p>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
|
||||
>
|
||||
<label
|
||||
className="Box-root Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
|
||||
htmlFor="configure-wordlist-suspect"
|
||||
>
|
||||
Suspect word list
|
||||
</label>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
|
||||
className="FormFieldDescription-root"
|
||||
>
|
||||
Separate suspect words or phrases with a new line. Words/phrases are not case sensitive.
|
||||
Comments containing a word or phrase in the Suspect Words List
|
||||
are
|
||||
<strong>
|
||||
placed into the Reported Queue for moderator review and are
|
||||
published (if comments are not pre-moderated).
|
||||
</strong>
|
||||
</p>
|
||||
<div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root FormFieldHeader-root HorizontalGutter-spacing-1"
|
||||
>
|
||||
<label
|
||||
className="Label-root"
|
||||
htmlFor="configure-wordlist-suspect"
|
||||
>
|
||||
Suspect word list
|
||||
</label>
|
||||
<p
|
||||
className="HelperText-root"
|
||||
>
|
||||
Separate suspect words or phrases with a new line. Words/phrases are not case sensitive.
|
||||
</p>
|
||||
</div>
|
||||
<textarea
|
||||
autoCapitalize="off"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
className="SuspectWordListConfig-textArea WordListTextArea-textArea"
|
||||
className="Textarea-root SuspectWordListConfig-textArea WordListTextArea-textArea"
|
||||
disabled={false}
|
||||
id="configure-wordlist-suspect"
|
||||
name="wordList.suspect"
|
||||
|
||||
+74
-93
@@ -9,15 +9,12 @@ exports[`loads more 1`] = `
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
className="Icon-root Icon-md Title-icon"
|
||||
>
|
||||
history
|
||||
</i>
|
||||
<span>
|
||||
|
||||
</span>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Title-text"
|
||||
className="Title-text"
|
||||
>
|
||||
Your Decision History
|
||||
</span>
|
||||
@@ -39,34 +36,32 @@ exports[`loads more 1`] = `
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm ApprovedIcon-root"
|
||||
className="Icon-root Icon-md ApprovedIcon-root"
|
||||
>
|
||||
check
|
||||
check_circled
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Info-root"
|
||||
<span
|
||||
className="Info-root"
|
||||
>
|
||||
Approved comment by
|
||||
<strong>
|
||||
<strong
|
||||
className="Username-root"
|
||||
>
|
||||
dany
|
||||
</strong>
|
||||
</p>
|
||||
</span>
|
||||
<div
|
||||
className="Box-root Flex-root Footer-root Flex-flex Flex-alignBaseline"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-timestamp Typography-colorTextPrimary"
|
||||
<time
|
||||
className="RelativeTime-root Timestamp-root"
|
||||
dateTime="2018-11-29T16:01:51.897Z"
|
||||
title="2018-11-29T16:01:51.897Z"
|
||||
>
|
||||
<time
|
||||
className="RelativeTime-root Timestamp-root"
|
||||
dateTime="2018-11-29T16:01:51.897Z"
|
||||
title="2018-11-29T16:01:51.897Z"
|
||||
>
|
||||
2018-11-29T16:01:51.897Z
|
||||
</time>
|
||||
</span>
|
||||
2018-11-29T16:01:51.897Z
|
||||
</time>
|
||||
<div
|
||||
className="DotDivider-root"
|
||||
>
|
||||
@@ -103,34 +98,32 @@ exports[`loads more 1`] = `
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm RejectedIcon-root"
|
||||
className="Icon-root Icon-md RejectedIcon-root"
|
||||
>
|
||||
cancel
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Info-root"
|
||||
<span
|
||||
className="Info-root"
|
||||
>
|
||||
Rejected comment by
|
||||
<strong>
|
||||
<strong
|
||||
className="Username-root"
|
||||
>
|
||||
dany
|
||||
</strong>
|
||||
</p>
|
||||
</span>
|
||||
<div
|
||||
className="Box-root Flex-root Footer-root Flex-flex Flex-alignBaseline"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-timestamp Typography-colorTextPrimary"
|
||||
<time
|
||||
className="RelativeTime-root Timestamp-root"
|
||||
dateTime="2018-11-29T16:01:45.644Z"
|
||||
title="2018-11-29T16:01:45.644Z"
|
||||
>
|
||||
<time
|
||||
className="RelativeTime-root Timestamp-root"
|
||||
dateTime="2018-11-29T16:01:45.644Z"
|
||||
title="2018-11-29T16:01:45.644Z"
|
||||
>
|
||||
2018-11-29T16:01:45.644Z
|
||||
</time>
|
||||
</span>
|
||||
2018-11-29T16:01:45.644Z
|
||||
</time>
|
||||
<div
|
||||
className="DotDivider-root"
|
||||
>
|
||||
@@ -167,34 +160,32 @@ exports[`loads more 1`] = `
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm ApprovedIcon-root"
|
||||
className="Icon-root Icon-md ApprovedIcon-root"
|
||||
>
|
||||
check
|
||||
check_circled
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Info-root"
|
||||
<span
|
||||
className="Info-root"
|
||||
>
|
||||
Approved comment by
|
||||
<strong>
|
||||
<strong
|
||||
className="Username-root"
|
||||
>
|
||||
dany
|
||||
</strong>
|
||||
</p>
|
||||
</span>
|
||||
<div
|
||||
className="Box-root Flex-root Footer-root Flex-flex Flex-alignBaseline"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-timestamp Typography-colorTextPrimary"
|
||||
<time
|
||||
className="RelativeTime-root Timestamp-root"
|
||||
dateTime="2018-11-29T16:01:42.060Z"
|
||||
title="2018-11-29T16:01:42.060Z"
|
||||
>
|
||||
<time
|
||||
className="RelativeTime-root Timestamp-root"
|
||||
dateTime="2018-11-29T16:01:42.060Z"
|
||||
title="2018-11-29T16:01:42.060Z"
|
||||
>
|
||||
2018-11-29T16:01:42.060Z
|
||||
</time>
|
||||
</span>
|
||||
2018-11-29T16:01:42.060Z
|
||||
</time>
|
||||
<div
|
||||
className="DotDivider-root"
|
||||
>
|
||||
@@ -234,15 +225,12 @@ exports[`opens popover when clicked on button showing loading state 1`] = `
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
className="Icon-root Icon-md Title-icon"
|
||||
>
|
||||
history
|
||||
</i>
|
||||
<span>
|
||||
|
||||
</span>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Title-text"
|
||||
className="Title-text"
|
||||
>
|
||||
Your Decision History
|
||||
</span>
|
||||
@@ -266,15 +254,12 @@ exports[`render popover content 1`] = `
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
className="Icon-root Icon-md Title-icon"
|
||||
>
|
||||
history
|
||||
</i>
|
||||
<span>
|
||||
|
||||
</span>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Title-text"
|
||||
className="Title-text"
|
||||
>
|
||||
Your Decision History
|
||||
</span>
|
||||
@@ -296,34 +281,32 @@ exports[`render popover content 1`] = `
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm ApprovedIcon-root"
|
||||
className="Icon-root Icon-md ApprovedIcon-root"
|
||||
>
|
||||
check
|
||||
check_circled
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Info-root"
|
||||
<span
|
||||
className="Info-root"
|
||||
>
|
||||
Approved comment by
|
||||
<strong>
|
||||
<strong
|
||||
className="Username-root"
|
||||
>
|
||||
addy
|
||||
</strong>
|
||||
</p>
|
||||
</span>
|
||||
<div
|
||||
className="Box-root Flex-root Footer-root Flex-flex Flex-alignBaseline"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-timestamp Typography-colorTextPrimary"
|
||||
<time
|
||||
className="RelativeTime-root Timestamp-root"
|
||||
dateTime="2018-11-29T16:01:51.897Z"
|
||||
title="2018-11-29T16:01:51.897Z"
|
||||
>
|
||||
<time
|
||||
className="RelativeTime-root Timestamp-root"
|
||||
dateTime="2018-11-29T16:01:51.897Z"
|
||||
title="2018-11-29T16:01:51.897Z"
|
||||
>
|
||||
2018-11-29T16:01:51.897Z
|
||||
</time>
|
||||
</span>
|
||||
2018-11-29T16:01:51.897Z
|
||||
</time>
|
||||
<div
|
||||
className="DotDivider-root"
|
||||
>
|
||||
@@ -360,34 +343,32 @@ exports[`render popover content 1`] = `
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm RejectedIcon-root"
|
||||
className="Icon-root Icon-md RejectedIcon-root"
|
||||
>
|
||||
cancel
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Info-root"
|
||||
<span
|
||||
className="Info-root"
|
||||
>
|
||||
Rejected comment by
|
||||
<strong>
|
||||
<strong
|
||||
className="Username-root"
|
||||
>
|
||||
addy
|
||||
</strong>
|
||||
</p>
|
||||
</span>
|
||||
<div
|
||||
className="Box-root Flex-root Footer-root Flex-flex Flex-alignBaseline"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-timestamp Typography-colorTextPrimary"
|
||||
<time
|
||||
className="RelativeTime-root Timestamp-root"
|
||||
dateTime="2018-11-29T16:01:45.644Z"
|
||||
title="2018-11-29T16:01:45.644Z"
|
||||
>
|
||||
<time
|
||||
className="RelativeTime-root Timestamp-root"
|
||||
dateTime="2018-11-29T16:01:45.644Z"
|
||||
title="2018-11-29T16:01:45.644Z"
|
||||
>
|
||||
2018-11-29T16:01:45.644Z
|
||||
</time>
|
||||
</span>
|
||||
2018-11-29T16:01:45.644Z
|
||||
</time>
|
||||
<div
|
||||
className="DotDivider-root"
|
||||
>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -34,7 +34,7 @@ exports[`approves comment in rejected queue: dangling 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root ModerateCard-username"
|
||||
className="BaseButton-root ModerateCard-usernameButton"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -44,7 +44,7 @@ exports[`approves comment in rejected queue: dangling 1`] = `
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
|
||||
className="Username-root"
|
||||
>
|
||||
Isabelle
|
||||
</span>
|
||||
@@ -85,54 +85,68 @@ exports[`approves comment in rejected queue: dangling 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "This is the last random sentence I will be writing and I am going to stop mid-sent",
|
||||
className="ModerateCard-contentArea"
|
||||
>
|
||||
<div
|
||||
className="ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "This is the last random sentence I will be writing and I am going to stop mid-sent",
|
||||
}
|
||||
}
|
||||
}
|
||||
/>
|
||||
/>
|
||||
<div
|
||||
className="ModerateCard-viewContext"
|
||||
>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/0"
|
||||
target="_blank"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-footer"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-3"
|
||||
>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/0"
|
||||
target="_blank"
|
||||
<div
|
||||
className="ModerateCard-storyLabel"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<span
|
||||
className="ModerateCard-story"
|
||||
>
|
||||
Story
|
||||
</span>
|
||||
:
|
||||
<span
|
||||
<span>
|
||||
Comment On
|
||||
</span>
|
||||
<span>
|
||||
:
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-storyTitle"
|
||||
>
|
||||
Finally a Cure for Cancer
|
||||
</span>
|
||||
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="/admin/moderate/story-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Moderate Story
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="/admin/moderate/story-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Moderate Story
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
@@ -141,7 +155,7 @@ exports[`approves comment in rejected queue: dangling 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
>
|
||||
<span
|
||||
className="Marker-root Marker-colorError Marker-variantRegular"
|
||||
className="Marker-root Marker-colorReported Marker-variantRegular"
|
||||
>
|
||||
<span>
|
||||
Spam
|
||||
@@ -156,9 +170,9 @@ exports[`approves comment in rejected queue: dangling 1`] = `
|
||||
<button
|
||||
aria-controls="uuid-0"
|
||||
aria-expanded={false}
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Markers-detailsButtonColorRegular Button-variantDefault Markers-detailsButton Button-uppercase"
|
||||
data-color="default"
|
||||
data-variant="default"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -184,9 +198,6 @@ exports[`approves comment in rejected queue: dangling 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
<div
|
||||
className="Box-root Flex-root ModerateCard-aside ModerateCard-asideWithoutReplyTo Flex-flex Flex-itemGutter Flex-alignCenter Flex-directionColumn gutter"
|
||||
>
|
||||
@@ -273,7 +284,7 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root ModerateCard-username"
|
||||
className="BaseButton-root ModerateCard-usernameButton"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -283,7 +294,7 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
|
||||
className="Username-root"
|
||||
>
|
||||
Isabelle
|
||||
</span>
|
||||
@@ -324,54 +335,68 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "This is the last random sentence I will be writing and I am going to stop mid-sent",
|
||||
className="ModerateCard-contentArea"
|
||||
>
|
||||
<div
|
||||
className="ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "This is the last random sentence I will be writing and I am going to stop mid-sent",
|
||||
}
|
||||
}
|
||||
}
|
||||
/>
|
||||
/>
|
||||
<div
|
||||
className="ModerateCard-viewContext"
|
||||
>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/0"
|
||||
target="_blank"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-footer"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-3"
|
||||
>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/0"
|
||||
target="_blank"
|
||||
<div
|
||||
className="ModerateCard-storyLabel"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<span
|
||||
className="ModerateCard-story"
|
||||
>
|
||||
Story
|
||||
</span>
|
||||
:
|
||||
<span
|
||||
<span>
|
||||
Comment On
|
||||
</span>
|
||||
<span>
|
||||
:
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-storyTitle"
|
||||
>
|
||||
Finally a Cure for Cancer
|
||||
</span>
|
||||
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="/admin/moderate/story-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Moderate Story
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="/admin/moderate/story-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Moderate Story
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
@@ -380,7 +405,7 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
>
|
||||
<span
|
||||
className="Marker-root Marker-colorError Marker-variantRegular"
|
||||
className="Marker-root Marker-colorReported Marker-variantRegular"
|
||||
>
|
||||
<span>
|
||||
Spam
|
||||
@@ -395,9 +420,9 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
<button
|
||||
aria-controls="uuid-0"
|
||||
aria-expanded={false}
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Markers-detailsButtonColorRegular Button-variantDefault Markers-detailsButton Button-uppercase"
|
||||
data-color="default"
|
||||
data-variant="default"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -423,9 +448,6 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
<div
|
||||
className="Box-root Flex-root ModerateCard-aside ModerateCard-asideWithoutReplyTo Flex-flex Flex-itemGutter Flex-alignCenter Flex-directionColumn gutter"
|
||||
>
|
||||
@@ -499,7 +521,7 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root ModerateCard-username"
|
||||
className="BaseButton-root ModerateCard-usernameButton"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -509,7 +531,7 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
|
||||
className="Username-root"
|
||||
>
|
||||
Ngoc
|
||||
</span>
|
||||
@@ -550,54 +572,68 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "Don't fool with me",
|
||||
className="ModerateCard-contentArea"
|
||||
>
|
||||
<div
|
||||
className="ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "Don't fool with me",
|
||||
}
|
||||
}
|
||||
}
|
||||
/>
|
||||
/>
|
||||
<div
|
||||
className="ModerateCard-viewContext"
|
||||
>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/1"
|
||||
target="_blank"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-footer"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-3"
|
||||
>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/1"
|
||||
target="_blank"
|
||||
<div
|
||||
className="ModerateCard-storyLabel"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<span
|
||||
className="ModerateCard-story"
|
||||
>
|
||||
Story
|
||||
</span>
|
||||
:
|
||||
<span
|
||||
<span>
|
||||
Comment On
|
||||
</span>
|
||||
<span>
|
||||
:
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-storyTitle"
|
||||
>
|
||||
Finally a Cure for Cancer
|
||||
</span>
|
||||
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="/admin/moderate/story-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Moderate Story
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="/admin/moderate/story-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Moderate Story
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
@@ -606,7 +642,7 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
>
|
||||
<span
|
||||
className="Marker-root Marker-colorError Marker-variantRegular"
|
||||
className="Marker-root Marker-colorReported Marker-variantRegular"
|
||||
>
|
||||
<span>
|
||||
Offensive
|
||||
@@ -621,9 +657,9 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
<button
|
||||
aria-controls="uuid-1"
|
||||
aria-expanded={false}
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Markers-detailsButtonColorRegular Button-variantDefault Markers-detailsButton Button-uppercase"
|
||||
data-color="default"
|
||||
data-variant="default"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -649,9 +685,6 @@ exports[`renders rejected queue with comments 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
<div
|
||||
className="Box-root Flex-root ModerateCard-aside ModerateCard-asideWithoutReplyTo Flex-flex Flex-itemGutter Flex-alignCenter Flex-directionColumn gutter"
|
||||
>
|
||||
@@ -731,7 +764,7 @@ exports[`renders rejected queue with comments and load more 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root ModerateCard-username"
|
||||
className="BaseButton-root ModerateCard-usernameButton"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -741,7 +774,7 @@ exports[`renders rejected queue with comments and load more 1`] = `
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
|
||||
className="Username-root"
|
||||
>
|
||||
Max
|
||||
</span>
|
||||
@@ -782,54 +815,68 @@ exports[`renders rejected queue with comments and load more 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "I think I deserve better",
|
||||
className="ModerateCard-contentArea"
|
||||
>
|
||||
<div
|
||||
className="ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "I think I deserve better",
|
||||
}
|
||||
}
|
||||
}
|
||||
/>
|
||||
/>
|
||||
<div
|
||||
className="ModerateCard-viewContext"
|
||||
>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/2"
|
||||
target="_blank"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-footer"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-3"
|
||||
>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/2"
|
||||
target="_blank"
|
||||
<div
|
||||
className="ModerateCard-storyLabel"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<span
|
||||
className="ModerateCard-story"
|
||||
>
|
||||
Story
|
||||
</span>
|
||||
:
|
||||
<span
|
||||
<span>
|
||||
Comment On
|
||||
</span>
|
||||
<span>
|
||||
:
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-storyTitle"
|
||||
>
|
||||
Finally a Cure for Cancer
|
||||
</span>
|
||||
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="/admin/moderate/story-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Moderate Story
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="/admin/moderate/story-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Moderate Story
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
@@ -838,7 +885,7 @@ exports[`renders rejected queue with comments and load more 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
>
|
||||
<span
|
||||
className="Marker-root Marker-colorError Marker-variantRegular"
|
||||
className="Marker-root Marker-colorReported Marker-variantRegular"
|
||||
>
|
||||
<span>
|
||||
Offensive
|
||||
@@ -851,7 +898,7 @@ exports[`renders rejected queue with comments and load more 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
className="Marker-root Marker-colorError Marker-variantRegular"
|
||||
className="Marker-root Marker-colorReported Marker-variantRegular"
|
||||
>
|
||||
<span>
|
||||
Spam
|
||||
@@ -866,9 +913,9 @@ exports[`renders rejected queue with comments and load more 1`] = `
|
||||
<button
|
||||
aria-controls="uuid-2"
|
||||
aria-expanded={false}
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Markers-detailsButtonColorRegular Button-variantDefault Markers-detailsButton Button-uppercase"
|
||||
data-color="default"
|
||||
data-variant="default"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -894,9 +941,6 @@ exports[`renders rejected queue with comments and load more 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
<div
|
||||
className="Box-root Flex-root ModerateCard-aside ModerateCard-asideWithoutReplyTo Flex-flex Flex-itemGutter Flex-alignCenter Flex-directionColumn gutter"
|
||||
>
|
||||
|
||||
@@ -56,7 +56,7 @@ exports[`all stories active search with no results 1`] = `
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
placeholder="Use quotation marks around each search term (e.g. “team”, “St. Louis”)"
|
||||
placeholder="search by story title, author, url, id, etc."
|
||||
spellCheck={false}
|
||||
value=""
|
||||
/>
|
||||
@@ -174,9 +174,9 @@ exports[`all stories active search with too many results 1`] = `
|
||||
</span>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm SeeAllOption-icon"
|
||||
className="Icon-root Icon-md SeeAllOption-icon"
|
||||
>
|
||||
arrow_forward
|
||||
keyboard_arrow_right
|
||||
</i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@@ -21,7 +21,7 @@ exports[`approves single comment 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root ModerateCard-username"
|
||||
className="BaseButton-root ModerateCard-usernameButton"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -31,7 +31,7 @@ exports[`approves single comment 1`] = `
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
|
||||
className="Username-root"
|
||||
>
|
||||
Isabelle
|
||||
</span>
|
||||
@@ -72,34 +72,43 @@ exports[`approves single comment 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "This is the last random sentence I will be writing and I am going to stop mid-sent",
|
||||
className="ModerateCard-contentArea"
|
||||
>
|
||||
<div
|
||||
className="ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "This is the last random sentence I will be writing and I am going to stop mid-sent",
|
||||
}
|
||||
}
|
||||
}
|
||||
/>
|
||||
/>
|
||||
<div
|
||||
className="ModerateCard-viewContext"
|
||||
>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/0"
|
||||
target="_blank"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-footer"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-3"
|
||||
>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/0"
|
||||
target="_blank"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
>
|
||||
@@ -107,7 +116,7 @@ exports[`approves single comment 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
>
|
||||
<span
|
||||
className="Marker-root Marker-colorError Marker-variantRegular"
|
||||
className="Marker-root Marker-colorReported Marker-variantRegular"
|
||||
>
|
||||
<span>
|
||||
Spam
|
||||
@@ -122,9 +131,9 @@ exports[`approves single comment 1`] = `
|
||||
<button
|
||||
aria-controls="uuid-0"
|
||||
aria-expanded={false}
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Markers-detailsButtonColorRegular Button-variantDefault Markers-detailsButton Button-uppercase"
|
||||
data-color="default"
|
||||
data-variant="default"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -150,9 +159,6 @@ exports[`approves single comment 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
<div
|
||||
className="Box-root Flex-root ModerateCard-aside ModerateCard-asideWithoutReplyTo Flex-flex Flex-itemGutter Flex-alignCenter Flex-directionColumn gutter"
|
||||
>
|
||||
@@ -229,7 +235,7 @@ exports[`rejects single comment 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root ModerateCard-username"
|
||||
className="BaseButton-root ModerateCard-usernameButton"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -239,7 +245,7 @@ exports[`rejects single comment 1`] = `
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
|
||||
className="Username-root"
|
||||
>
|
||||
Isabelle
|
||||
</span>
|
||||
@@ -280,34 +286,43 @@ exports[`rejects single comment 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "This is the last random sentence I will be writing and I am going to stop mid-sent",
|
||||
className="ModerateCard-contentArea"
|
||||
>
|
||||
<div
|
||||
className="ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "This is the last random sentence I will be writing and I am going to stop mid-sent",
|
||||
}
|
||||
}
|
||||
}
|
||||
/>
|
||||
/>
|
||||
<div
|
||||
className="ModerateCard-viewContext"
|
||||
>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/0"
|
||||
target="_blank"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-footer"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-3"
|
||||
>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/0"
|
||||
target="_blank"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
>
|
||||
@@ -315,7 +330,7 @@ exports[`rejects single comment 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
>
|
||||
<span
|
||||
className="Marker-root Marker-colorError Marker-variantRegular"
|
||||
className="Marker-root Marker-colorReported Marker-variantRegular"
|
||||
>
|
||||
<span>
|
||||
Spam
|
||||
@@ -330,9 +345,9 @@ exports[`rejects single comment 1`] = `
|
||||
<button
|
||||
aria-controls="uuid-0"
|
||||
aria-expanded={false}
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Markers-detailsButtonColorRegular Button-variantDefault Markers-detailsButton Button-uppercase"
|
||||
data-color="default"
|
||||
data-variant="default"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -358,9 +373,6 @@ exports[`rejects single comment 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
<div
|
||||
className="Box-root Flex-root ModerateCard-aside ModerateCard-asideWithoutReplyTo Flex-flex Flex-itemGutter Flex-alignCenter Flex-directionColumn gutter"
|
||||
>
|
||||
@@ -472,7 +484,7 @@ exports[`renders single comment view 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-alignCenter"
|
||||
>
|
||||
<button
|
||||
className="BaseButton-root ModerateCard-username"
|
||||
className="BaseButton-root ModerateCard-usernameButton"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -482,7 +494,7 @@ exports[`renders single comment view 1`] = `
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
className="Box-root Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
|
||||
className="Username-root"
|
||||
>
|
||||
Isabelle
|
||||
</span>
|
||||
@@ -523,34 +535,43 @@ exports[`renders single comment view 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "This is the last random sentence I will be writing and I am going to stop mid-sent",
|
||||
className="ModerateCard-contentArea"
|
||||
>
|
||||
<div
|
||||
className="ModerateCard-content CommentContent-root"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "This is the last random sentence I will be writing and I am going to stop mid-sent",
|
||||
}
|
||||
}
|
||||
}
|
||||
/>
|
||||
/>
|
||||
<div
|
||||
className="ModerateCard-viewContext"
|
||||
>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/0"
|
||||
target="_blank"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-footer"
|
||||
>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-3"
|
||||
>
|
||||
<div>
|
||||
<a
|
||||
className="TextLink-root ModerateCard-link"
|
||||
href="http://localhost/comment/0"
|
||||
target="_blank"
|
||||
>
|
||||
View Context
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-xs TextLink-icon"
|
||||
>
|
||||
open_in_new
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-full"
|
||||
>
|
||||
@@ -558,7 +579,7 @@ exports[`renders single comment view 1`] = `
|
||||
className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
|
||||
>
|
||||
<span
|
||||
className="Marker-root Marker-colorError Marker-variantRegular"
|
||||
className="Marker-root Marker-colorReported Marker-variantRegular"
|
||||
>
|
||||
<span>
|
||||
Spam
|
||||
@@ -573,9 +594,9 @@ exports[`renders single comment view 1`] = `
|
||||
<button
|
||||
aria-controls="uuid-0"
|
||||
aria-expanded={false}
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Markers-detailsButtonColorRegular Button-variantDefault Markers-detailsButton Button-uppercase"
|
||||
data-color="default"
|
||||
data-variant="default"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -601,9 +622,6 @@ exports[`renders single comment view 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="ModerateCard-separator ModerateCard-ruledSeparator"
|
||||
/>
|
||||
<div
|
||||
className="Box-root Flex-root ModerateCard-aside ModerateCard-asideWithoutReplyTo Flex-flex Flex-itemGutter Flex-alignCenter Flex-directionColumn gutter"
|
||||
>
|
||||
|
||||
@@ -14,103 +14,111 @@ exports[`renders empty stories 1`] = `
|
||||
<fieldset
|
||||
className="FieldSet-root"
|
||||
>
|
||||
<legend
|
||||
className="Box-root Typography-root Typography-bodyCopyBold Typography-colorTextPrimary StoryTableFilter-legend"
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
Search
|
||||
</legend>
|
||||
<form
|
||||
autoComplete="off"
|
||||
id="configure-form"
|
||||
onSubmit={[Function]}
|
||||
>
|
||||
<div
|
||||
className="TextField-root StoryTableFilter-textField"
|
||||
<label
|
||||
className="Label-root"
|
||||
>
|
||||
Search
|
||||
</label>
|
||||
<form
|
||||
autoComplete="off"
|
||||
id="configure-form"
|
||||
onSubmit={[Function]}
|
||||
>
|
||||
<input
|
||||
aria-label="Search by story title or author"
|
||||
className="TextField-input TextField-colorRegular TextField-seamlessAdornment"
|
||||
name="search"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder="Search by story title or author..."
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
className="TextField-adornment"
|
||||
className="TextField-root StoryTableFilter-textField"
|
||||
>
|
||||
<button
|
||||
aria-label="Search"
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment StoryTableFilter-adornment"
|
||||
data-color="dark"
|
||||
data-variant="adornment"
|
||||
<input
|
||||
aria-label="Search by story title or author"
|
||||
className="TextField-input TextField-colorDark TextField-seamlessAdornment"
|
||||
name="search"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseOut={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
type="submit"
|
||||
placeholder="Search by story title or author..."
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
className="TextField-adornment"
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-md"
|
||||
<button
|
||||
aria-label="Search"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorEmphasis Button-variantAdornment Button-uppercase StoryTableFilter-adornment"
|
||||
data-color="emphasis"
|
||||
data-variant="adornment"
|
||||
onBlur={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseOut={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
type="submit"
|
||||
>
|
||||
search
|
||||
</i>
|
||||
</button>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-md"
|
||||
>
|
||||
search
|
||||
</i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset
|
||||
className="FieldSet-root"
|
||||
>
|
||||
<legend
|
||||
className="Box-root Typography-root Typography-bodyCopyBold Typography-colorTextPrimary StoryTableFilter-legend"
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
Show Me
|
||||
</legend>
|
||||
<span
|
||||
className="SelectField-root"
|
||||
>
|
||||
<select
|
||||
aria-label="Search by status"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
<label
|
||||
className="Label-root"
|
||||
>
|
||||
<option
|
||||
Show Me
|
||||
</label>
|
||||
<span
|
||||
className="SelectField-root"
|
||||
>
|
||||
<select
|
||||
aria-label="Search by status"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
>
|
||||
All Stories
|
||||
</option>
|
||||
<option
|
||||
value="OPEN"
|
||||
<option
|
||||
value=""
|
||||
>
|
||||
All Stories
|
||||
</option>
|
||||
<option
|
||||
value="OPEN"
|
||||
>
|
||||
Open Stories
|
||||
</option>
|
||||
<option
|
||||
value="CLOSED"
|
||||
>
|
||||
Closed Stories
|
||||
</option>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
Open Stories
|
||||
</option>
|
||||
<option
|
||||
value="CLOSED"
|
||||
>
|
||||
Closed Stories
|
||||
</option>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
expand_more
|
||||
</i>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
expand_more
|
||||
</i>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div
|
||||
@@ -194,9 +202,9 @@ exports[`renders empty stories 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="Change status"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain StoryStatusChange-button"
|
||||
data-color="mono"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -265,9 +273,9 @@ exports[`renders empty stories 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="Change status"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain StoryStatusChange-button"
|
||||
data-color="mono"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -325,103 +333,111 @@ exports[`renders stories 1`] = `
|
||||
<fieldset
|
||||
className="FieldSet-root"
|
||||
>
|
||||
<legend
|
||||
className="Box-root Typography-root Typography-bodyCopyBold Typography-colorTextPrimary StoryTableFilter-legend"
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
Search
|
||||
</legend>
|
||||
<form
|
||||
autoComplete="off"
|
||||
id="configure-form"
|
||||
onSubmit={[Function]}
|
||||
>
|
||||
<div
|
||||
className="TextField-root StoryTableFilter-textField"
|
||||
<label
|
||||
className="Label-root"
|
||||
>
|
||||
Search
|
||||
</label>
|
||||
<form
|
||||
autoComplete="off"
|
||||
id="configure-form"
|
||||
onSubmit={[Function]}
|
||||
>
|
||||
<input
|
||||
aria-label="Search by story title or author"
|
||||
className="TextField-input TextField-colorRegular TextField-seamlessAdornment"
|
||||
name="search"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
placeholder="Search by story title or author..."
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
className="TextField-adornment"
|
||||
className="TextField-root StoryTableFilter-textField"
|
||||
>
|
||||
<button
|
||||
aria-label="Search"
|
||||
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment StoryTableFilter-adornment"
|
||||
data-color="dark"
|
||||
data-variant="adornment"
|
||||
<input
|
||||
aria-label="Search by story title or author"
|
||||
className="TextField-input TextField-colorDark TextField-seamlessAdornment"
|
||||
name="search"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseOut={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
type="submit"
|
||||
placeholder="Search by story title or author..."
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
className="TextField-adornment"
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-md"
|
||||
<button
|
||||
aria-label="Search"
|
||||
className="BaseButton-root Button-root Button-sizeMedium Button-colorEmphasis Button-variantAdornment Button-uppercase StoryTableFilter-adornment"
|
||||
data-color="emphasis"
|
||||
data-variant="adornment"
|
||||
onBlur={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseOut={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
type="submit"
|
||||
>
|
||||
search
|
||||
</i>
|
||||
</button>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-md"
|
||||
>
|
||||
search
|
||||
</i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset
|
||||
className="FieldSet-root"
|
||||
>
|
||||
<legend
|
||||
className="Box-root Typography-root Typography-bodyCopyBold Typography-colorTextPrimary StoryTableFilter-legend"
|
||||
<div
|
||||
className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
|
||||
>
|
||||
Show Me
|
||||
</legend>
|
||||
<span
|
||||
className="SelectField-root"
|
||||
>
|
||||
<select
|
||||
aria-label="Search by status"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
<label
|
||||
className="Label-root"
|
||||
>
|
||||
<option
|
||||
Show Me
|
||||
</label>
|
||||
<span
|
||||
className="SelectField-root"
|
||||
>
|
||||
<select
|
||||
aria-label="Search by status"
|
||||
className="SelectField-select"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
onFocus={[Function]}
|
||||
value=""
|
||||
>
|
||||
All Stories
|
||||
</option>
|
||||
<option
|
||||
value="OPEN"
|
||||
<option
|
||||
value=""
|
||||
>
|
||||
All Stories
|
||||
</option>
|
||||
<option
|
||||
value="OPEN"
|
||||
>
|
||||
Open Stories
|
||||
</option>
|
||||
<option
|
||||
value="CLOSED"
|
||||
>
|
||||
Closed Stories
|
||||
</option>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
Open Stories
|
||||
</option>
|
||||
<option
|
||||
value="CLOSED"
|
||||
>
|
||||
Closed Stories
|
||||
</option>
|
||||
</select>
|
||||
<span
|
||||
aria-hidden={true}
|
||||
className="SelectField-afterWrapper"
|
||||
>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
expand_more
|
||||
</i>
|
||||
<i
|
||||
aria-hidden="true"
|
||||
className="Icon-root Icon-sm"
|
||||
>
|
||||
expand_more
|
||||
</i>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div
|
||||
@@ -505,9 +521,9 @@ exports[`renders stories 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="Change status"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain StoryStatusChange-button"
|
||||
data-color="mono"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
@@ -576,9 +592,9 @@ exports[`renders stories 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="Change status"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
|
||||
data-color="regular"
|
||||
data-variant="regular"
|
||||
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain StoryStatusChange-button"
|
||||
data-color="mono"
|
||||
data-variant="plain"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
|
||||
Reference in New Issue
Block a user