wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-17 11:33:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

[CORL-550] More stable css classes (#2515)

Browse Source 
* feat: more stable css classes

* chore: renamee ValidationMessageHelper to FormValidationMessage

* chore: Rename FormValidationMessage to FieldValidationMessage

* feat: more css classes, icons use <i> tag

* feat: stable classnames for gdpr features

* feat: more css stable classnames
This commit is contained in:
Vinh
2019-09-04 12:34:42 -04:00
committed by Kim Gardner
parent fcf3640adc
commit aa32fcaea6
157 changed files with 2965 additions and 1531 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/admin/components/UserHistoryDrawer/UserBadgesContainer.tsx
+5 -1
View File
@@ -18,7 +18,11 @@ const UserBadgesContainer: FunctionComponent<Props> = ({ user }) => {
return (
<>
{user.badges.map(badge => (
<Tag key={badge} color="dark" className={CLASSES.comment.userBadge}>
<Tag
key={badge}
color="dark"
className={CLASSES.comment.topBar.userBadge}
>
{badge}
</Tag>
))}
src/core/client/admin/test/auth/__snapshots__/addEmailAddress.spec.tsx.snap
+10 -10
View File
@@ -67,12 +67,12 @@ exports[`accepts valid email 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -137,12 +137,12 @@ exports[`checks for invalid email 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Please enter a valid email address.
</span>
@@ -176,12 +176,12 @@ exports[`checks for invalid email 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Emails do not match. Try again.
</span>
@@ -363,12 +363,12 @@ exports[`shows error when submitting empty form 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -402,12 +402,12 @@ exports[`shows error when submitting empty form 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
src/core/client/admin/test/auth/__snapshots__/createPassword.spec.tsx.snap
+14 -14
View File
@@ -57,24 +57,24 @@ we require users to create a password.
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Password must contain at least 8 characters.
</span>
@@ -184,12 +184,12 @@ we require users to create a password.
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -274,24 +274,24 @@ we require users to create a password.
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -386,12 +386,12 @@ GraphQL request (4:3)
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -471,12 +471,12 @@ we require users to create a password.
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
src/core/client/admin/test/auth/__snapshots__/createUsername.spec.tsx.snap
+4 -4
View File
@@ -46,12 +46,12 @@ exports[`checks for invalid username 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Username must contain at least 3 characters.
</span>
@@ -217,12 +217,12 @@ exports[`shows error when submitting empty form 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
src/core/client/admin/test/auth/__snapshots__/restricted.spec.tsx.snap
+4 -4
View File
@@ -81,12 +81,12 @@ exports[`show restricted screen for commenters and staff 1`] = `
<div
className="Box-root Flex-root Flex-flex Flex-justifyCenter"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg Restricted-lockIcon"
>
lock
</span>
</i>
</div>
<h1
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Typography-alignCenter Restricted-noPermission"
@@ -216,12 +216,12 @@ exports[`show restricted screen for commenters and staff 2`] = `
<div
className="Box-root Flex-root Flex-flex Flex-justifyCenter"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg Restricted-lockIcon"
>
lock
</span>
</i>
</div>
<h1
className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Typography-alignCenter Restricted-noPermission"
src/core/client/admin/test/auth/__snapshots__/signInWithEmail.spec.tsx.snap
+36 -36
View File
@@ -36,12 +36,12 @@ exports[`accepts correct password 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -85,12 +85,12 @@ exports[`accepts correct password 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -107,12 +107,12 @@ exports[`accepts correct password 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -193,24 +193,24 @@ exports[`accepts valid email 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -228,12 +228,12 @@ exports[`accepts valid email 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -278,12 +278,12 @@ exports[`checks for invalid email 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Please enter a valid email address.
</span>
@@ -327,24 +327,24 @@ exports[`checks for invalid email 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -362,12 +362,12 @@ exports[`checks for invalid email 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -525,12 +525,12 @@ exports[`renders sign in form 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -547,12 +547,12 @@ exports[`renders sign in form 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -611,12 +611,12 @@ exports[`shows error when submitting empty form 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -660,24 +660,24 @@ exports[`shows error when submitting empty form 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -695,12 +695,12 @@ exports[`shows error when submitting empty form 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -788,12 +788,12 @@ exports[`shows server error 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -810,12 +810,12 @@ exports[`shows server error 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
src/core/client/admin/test/community/__snapshots__/community.spec.tsx.snap
+20 -20
View File
@@ -56,12 +56,12 @@ exports[`renders community 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md"
>
search
</span>
</i>
</button>
</div>
</div>
@@ -127,12 +127,12 @@ exports[`renders community 1`] = `
aria-hidden={true}
className="SelectField-afterWrapper"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
expand_more
</span>
</i>
</span>
</span>
<span
@@ -171,12 +171,12 @@ exports[`renders community 1`] = `
aria-hidden={true}
className="SelectField-afterWrapper"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
expand_more
</span>
</i>
</span>
</span>
</div>
@@ -373,12 +373,12 @@ exports[`renders community 1`] = `
>
Moderator
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ButtonIcon-root"
>
arrow_drop_down
</span>
</i>
</button>
<div
aria-hidden={true}
@@ -475,12 +475,12 @@ exports[`renders community 1`] = `
>
Staff
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ButtonIcon-root"
>
arrow_drop_down
</span>
</i>
</button>
<div
aria-hidden={true}
@@ -577,12 +577,12 @@ exports[`renders community 1`] = `
>
Commenter
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ButtonIcon-root"
>
arrow_drop_down
</span>
</i>
</button>
<div
aria-hidden={true}
@@ -629,12 +629,12 @@ exports[`renders community 1`] = `
</div>
</div>
</div>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ButtonIcon-root"
>
arrow_drop_down
</span>
</i>
</button>
<div
aria-hidden={true}
@@ -715,12 +715,12 @@ exports[`renders empty community 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md"
>
search
</span>
</i>
</button>
</div>
</div>
@@ -786,12 +786,12 @@ exports[`renders empty community 1`] = `
aria-hidden={true}
className="SelectField-afterWrapper"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
expand_more
</span>
</i>
</span>
</span>
<span
@@ -830,12 +830,12 @@ exports[`renders empty community 1`] = `
aria-hidden={true}
className="SelectField-afterWrapper"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
expand_more
</span>
</i>
</span>
</span>
</div>
src/core/client/admin/test/configure/__snapshots__/auth.spec.tsx.snap
+50 -50
View File
@@ -62,12 +62,12 @@ exports[`change settings: during submit: oidc without errors 1`] = `
target="_blank"
>
https://openid.net/connect/
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</p>
<hr
@@ -215,12 +215,12 @@ needs to be displayed, e.g. “Log in with &lt;Facebook&gt;”.
tabIndex={0}
title="Hide Client Secret"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -544,12 +544,12 @@ For more information visit:
target="_blank"
>
https://developers.facebook.com/docs/facebook-login/web
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
.
</p>
@@ -664,12 +664,12 @@ For more information visit:
tabIndex={0}
title="Hide Client Secret"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -853,12 +853,12 @@ exports[`change settings: enable oidc configure box 1`] = `
target="_blank"
>
https://openid.net/connect/
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</p>
<hr
@@ -1006,12 +1006,12 @@ needs to be displayed, e.g. “Log in with &lt;Facebook&gt;”.
tabIndex={0}
title="Hide Client Secret"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -1333,12 +1333,12 @@ exports[`change settings: oidc validation errors 1`] = `
target="_blank"
>
https://openid.net/connect/
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</p>
<hr
@@ -1424,12 +1424,12 @@ needs to be displayed, e.g. “Log in with &lt;Facebook&gt;”.
<div
className="Message-root Message-colorError"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1465,12 +1465,12 @@ needs to be displayed, e.g. “Log in with &lt;Facebook&gt;”.
<div
className="Message-root Message-colorError ValidationMessage-root"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1512,24 +1512,24 @@ needs to be displayed, e.g. “Log in with &lt;Facebook&gt;”.
tabIndex={0}
title="Hide Client Secret"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1591,12 +1591,12 @@ the remaining fields. You may also enter the information manually.
<div
className="Message-root Message-colorError"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1632,12 +1632,12 @@ the remaining fields. You may also enter the information manually.
<div
className="Message-root Message-colorError"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1673,12 +1673,12 @@ the remaining fields. You may also enter the information manually.
<div
className="Message-root Message-colorError"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1714,12 +1714,12 @@ the remaining fields. You may also enter the information manually.
<div
className="Message-root Message-colorError"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1893,12 +1893,12 @@ exports[`regenerate sso key 1`] = `
tabIndex={0}
title="Hide SSO Key"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -1928,12 +1928,12 @@ exports[`regenerate sso key 1`] = `
KEY GENERATED AT:
11/12/2018, 11:26 PM
</p>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm SSOKeyField-warnIcon"
>
warning
</span>
</i>
<p
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary SSOKeyField-warn"
>
@@ -2556,12 +2556,12 @@ integration to register for a new account.
target="_blank"
>
https://openid.net/connect/
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</p>
<hr
@@ -2709,12 +2709,12 @@ needs to be displayed, e.g. “Log in with &lt;Facebook&gt;”.
tabIndex={0}
title="Hide Client Secret"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -3058,12 +3058,12 @@ integration to register for a new account.
tabIndex={0}
title="Hide SSO Key"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -3093,12 +3093,12 @@ integration to register for a new account.
KEY GENERATED AT:
Invalid Date
</p>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm SSOKeyField-warnIcon"
>
warning
</span>
</i>
<p
className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary SSOKeyField-warn"
>
@@ -3284,12 +3284,12 @@ to create and set up a web application. For more information visit:
target="_blank"
>
https://developers.google.com/identity/protocols/OAuth2WebServer#creatingcred
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
.
</p>
@@ -3404,12 +3404,12 @@ to create and set up a web application. For more information visit:
tabIndex={0}
title="Hide Client Secret"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -3592,12 +3592,12 @@ For more information visit:
target="_blank"
>
https://developers.facebook.com/docs/facebook-login/web
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
.
</p>
@@ -3712,12 +3712,12 @@ For more information visit:
tabIndex={0}
title="Hide Client Secret"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
src/core/client/admin/test/configure/__snapshots__/general.spec.tsx.snap
+6 -6
View File
@@ -556,12 +556,12 @@ moderation panel.
aria-hidden={true}
className="SelectField-afterWrapper"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
expand_more
</span>
</i>
</span>
</span>
</div>
@@ -701,12 +701,12 @@ moderation panel.
aria-hidden={true}
className="SelectField-afterWrapper"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
expand_more
</span>
</i>
</span>
</span>
</div>
@@ -942,12 +942,12 @@ based on the needs of your community.
aria-hidden={true}
className="SelectField-afterWrapper"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
expand_more
</span>
</i>
</span>
</span>
</div>
src/core/client/admin/test/configure/__snapshots__/moderation.spec.tsx.snap
+4 -4
View File
@@ -712,12 +712,12 @@ improve the API over time.
tabIndex={0}
title="Hide API Key"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -903,12 +903,12 @@ in your Akismet account:
tabIndex={0}
title="Hide API Key"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
src/core/client/admin/test/decisionHistory/__snapshots__/decisionHistory.spec.tsx.snap
+28 -28
View File
@@ -7,12 +7,12 @@ exports[`loads more 1`] = `
<div
className="Box-root Flex-root Title-root Flex-flex Flex-alignCenter"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
history
</span>
</i>
<span>
 
</span>
@@ -37,12 +37,12 @@ exports[`loads more 1`] = `
<div
className="DecisionItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm ApprovedIcon-root"
>
check
</span>
</i>
</div>
<div>
<p
@@ -81,12 +81,12 @@ exports[`loads more 1`] = `
Go to comment
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
chevron_right
</span>
</i>
</a>
</div>
</div>
@@ -101,12 +101,12 @@ exports[`loads more 1`] = `
<div
className="DecisionItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm RejectedIcon-root"
>
cancel
</span>
</i>
</div>
<div>
<p
@@ -145,12 +145,12 @@ exports[`loads more 1`] = `
Go to comment
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
chevron_right
</span>
</i>
</a>
</div>
</div>
@@ -165,12 +165,12 @@ exports[`loads more 1`] = `
<div
className="DecisionItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm ApprovedIcon-root"
>
check
</span>
</i>
</div>
<div>
<p
@@ -209,12 +209,12 @@ exports[`loads more 1`] = `
Go to comment
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
chevron_right
</span>
</i>
</a>
</div>
</div>
@@ -232,12 +232,12 @@ exports[`opens popover when clicked on button showing loading state 1`] = `
<div
className="Box-root Flex-root Title-root Flex-flex Flex-alignCenter"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
history
</span>
</i>
<span>
 
</span>
@@ -264,12 +264,12 @@ exports[`render popover content 1`] = `
<div
className="Box-root Flex-root Title-root Flex-flex Flex-alignCenter"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
history
</span>
</i>
<span>
 
</span>
@@ -294,12 +294,12 @@ exports[`render popover content 1`] = `
<div
className="DecisionItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm ApprovedIcon-root"
>
check
</span>
</i>
</div>
<div>
<p
@@ -338,12 +338,12 @@ exports[`render popover content 1`] = `
Go to comment
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
chevron_right
</span>
</i>
</a>
</div>
</div>
@@ -358,12 +358,12 @@ exports[`render popover content 1`] = `
<div
className="DecisionItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm RejectedIcon-root"
>
cancel
</span>
</i>
</div>
<div>
<p
@@ -402,12 +402,12 @@ exports[`render popover content 1`] = `
Go to comment
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
chevron_right
</span>
</i>
</a>
</div>
</div>
@@ -448,12 +448,12 @@ exports[`renders decision history popover button 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg"
>
history
</span>
</i>
</button>
<div
aria-hidden={true}
src/core/client/admin/test/invite/__snapshots__/invite.spec.tsx.snap
+2 -2
View File
@@ -183,12 +183,12 @@ exports[`renders form 1`] = `
tabIndex={0}
title="Hide password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
src/core/client/admin/test/moderate/__snapshots__/regularQueue.spec.tsx.snap
+56 -56
View File
@@ -91,12 +91,12 @@ exports[`approves comment in reported queue: dangling 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -158,12 +158,12 @@ exports[`approves comment in reported queue: dangling 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -196,12 +196,12 @@ exports[`approves comment in reported queue: dangling 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -215,12 +215,12 @@ exports[`approves comment in reported queue: dangling 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -319,12 +319,12 @@ exports[`rejects comment in reported queue: dangling 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -386,12 +386,12 @@ exports[`rejects comment in reported queue: dangling 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -424,12 +424,12 @@ exports[`rejects comment in reported queue: dangling 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -443,12 +443,12 @@ exports[`rejects comment in reported queue: dangling 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -544,12 +544,12 @@ exports[`renders reported queue with comments 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -611,12 +611,12 @@ exports[`renders reported queue with comments 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -649,12 +649,12 @@ exports[`renders reported queue with comments 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -668,12 +668,12 @@ exports[`renders reported queue with comments 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -756,12 +756,12 @@ exports[`renders reported queue with comments 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -823,12 +823,12 @@ exports[`renders reported queue with comments 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -861,12 +861,12 @@ exports[`renders reported queue with comments 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -880,12 +880,12 @@ exports[`renders reported queue with comments 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -984,12 +984,12 @@ exports[`renders reported queue with comments 2`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -1051,12 +1051,12 @@ exports[`renders reported queue with comments 2`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -1089,12 +1089,12 @@ exports[`renders reported queue with comments 2`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -1108,12 +1108,12 @@ exports[`renders reported queue with comments 2`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -1196,12 +1196,12 @@ exports[`renders reported queue with comments 2`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -1263,12 +1263,12 @@ exports[`renders reported queue with comments 2`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -1301,12 +1301,12 @@ exports[`renders reported queue with comments 2`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -1320,12 +1320,12 @@ exports[`renders reported queue with comments 2`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -1414,12 +1414,12 @@ exports[`renders reported queue with comments and load more 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -1499,12 +1499,12 @@ exports[`renders reported queue with comments and load more 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -1537,12 +1537,12 @@ exports[`renders reported queue with comments and load more 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -1556,12 +1556,12 @@ exports[`renders reported queue with comments and load more 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
src/core/client/admin/test/moderate/__snapshots__/rejectedQueue.spec.tsx.snap
+32 -32
View File
@@ -91,12 +91,12 @@ exports[`approves comment in rejected queue: dangling 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -158,12 +158,12 @@ exports[`approves comment in rejected queue: dangling 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -196,12 +196,12 @@ exports[`approves comment in rejected queue: dangling 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -215,12 +215,12 @@ exports[`approves comment in rejected queue: dangling 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -316,12 +316,12 @@ exports[`renders rejected queue with comments 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -383,12 +383,12 @@ exports[`renders rejected queue with comments 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -421,12 +421,12 @@ exports[`renders rejected queue with comments 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -440,12 +440,12 @@ exports[`renders rejected queue with comments 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -528,12 +528,12 @@ exports[`renders rejected queue with comments 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -595,12 +595,12 @@ exports[`renders rejected queue with comments 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -633,12 +633,12 @@ exports[`renders rejected queue with comments 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -652,12 +652,12 @@ exports[`renders rejected queue with comments 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -746,12 +746,12 @@ exports[`renders rejected queue with comments and load more 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div>
@@ -826,12 +826,12 @@ exports[`renders rejected queue with comments and load more 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -864,12 +864,12 @@ exports[`renders rejected queue with comments and load more 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -883,12 +883,12 @@ exports[`renders rejected queue with comments and load more 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
src/core/client/admin/test/moderate/__snapshots__/searchBar.spec.tsx.snap
+6 -6
View File
@@ -33,12 +33,12 @@ exports[`all stories active search with no results 1`] = `
<div
className="Box-root Flex-root Field-begin Flex-flex Flex-alignCenter"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md Field-searchIcon"
>
search
</span>
</i>
<div
className="Field-beginStories"
>
@@ -172,12 +172,12 @@ exports[`all stories active search with too many results 1`] = `
<span>
See all results
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm SeeAllOption-icon"
>
arrow_forward
</span>
</i>
</a>
</li>
`;
@@ -215,12 +215,12 @@ exports[`all stories renders search bar 1`] = `
<div
className="Box-root Flex-root Field-begin Flex-flex Flex-alignCenter"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md Field-searchIcon"
>
search
</span>
</i>
</div>
<input
aria-autocomplete="list"
src/core/client/admin/test/moderate/__snapshots__/singleComment.spec.tsx.snap
+24 -24
View File
@@ -78,12 +78,12 @@ exports[`approves single comment 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div
@@ -124,12 +124,12 @@ exports[`approves single comment 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -162,12 +162,12 @@ exports[`approves single comment 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -181,12 +181,12 @@ exports[`approves single comment 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -272,12 +272,12 @@ exports[`rejects single comment 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div
@@ -318,12 +318,12 @@ exports[`rejects single comment 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -356,12 +356,12 @@ exports[`rejects single comment 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -375,12 +375,12 @@ exports[`rejects single comment 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
@@ -501,12 +501,12 @@ exports[`renders single comment view 1`] = `
target="_blank"
>
View Context
<span
<i
aria-hidden="true"
className="Icon-root Icon-xs TextLink-icon"
>
open_in_new
</span>
</i>
</a>
</div>
<div
@@ -547,12 +547,12 @@ exports[`renders single comment view 1`] = `
>
Details
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
arrow_drop_down
</span>
</i>
</button>
</div>
</div>
@@ -585,12 +585,12 @@ exports[`renders single comment view 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg RejectButton-icon"
>
close
</span>
</i>
</button>
<button
aria-label="Approve"
@@ -604,12 +604,12 @@ exports[`renders single comment view 1`] = `
onTouchEnd={[Function]}
type="button"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ApproveButton-icon"
>
done
</span>
</i>
</button>
</div>
</div>
src/core/client/admin/test/moderate/__snapshots__/tabBar.spec.tsx.snap
+8 -8
View File
@@ -22,12 +22,12 @@ exports[`tab bar renders tab bar (empty queues) 1`] = `
href="/admin/moderate/reported"
onClick={[Function]}
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
flag
</span>
</i>
<span>
reported
</span>
@@ -51,12 +51,12 @@ exports[`tab bar renders tab bar (empty queues) 1`] = `
href="/admin/moderate/pending"
onClick={[Function]}
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
access_time
</span>
</i>
<span>
Pending
</span>
@@ -80,12 +80,12 @@ exports[`tab bar renders tab bar (empty queues) 1`] = `
href="/admin/moderate/unmoderated"
onClick={[Function]}
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
forum
</span>
</i>
<span>
unmoderated
</span>
@@ -109,12 +109,12 @@ exports[`tab bar renders tab bar (empty queues) 1`] = `
href="/admin/moderate/rejected"
onClick={[Function]}
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
cancel
</span>
</i>
<span>
rejected
</span>
src/core/client/admin/test/stories/__snapshots__/stories.spec.tsx.snap
+16 -16
View File
@@ -53,12 +53,12 @@ exports[`renders empty stories 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md"
>
search
</span>
</i>
</button>
</div>
</div>
@@ -103,12 +103,12 @@ exports[`renders empty stories 1`] = `
aria-hidden={true}
className="SelectField-afterWrapper"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
expand_more
</span>
</i>
</span>
</span>
</fieldset>
@@ -210,12 +210,12 @@ exports[`renders empty stories 1`] = `
>
Open
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ButtonIcon-root"
>
arrow_drop_down
</span>
</i>
</button>
<div
aria-hidden={true}
@@ -281,12 +281,12 @@ exports[`renders empty stories 1`] = `
>
Open
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ButtonIcon-root"
>
arrow_drop_down
</span>
</i>
</button>
<div
aria-hidden={true}
@@ -364,12 +364,12 @@ exports[`renders stories 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md"
>
search
</span>
</i>
</button>
</div>
</div>
@@ -414,12 +414,12 @@ exports[`renders stories 1`] = `
aria-hidden={true}
className="SelectField-afterWrapper"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
expand_more
</span>
</i>
</span>
</span>
</fieldset>
@@ -521,12 +521,12 @@ exports[`renders stories 1`] = `
>
Open
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ButtonIcon-root"
>
arrow_drop_down
</span>
</i>
</button>
<div
aria-hidden={true}
@@ -592,12 +592,12 @@ exports[`renders stories 1`] = `
>
Open
</span>
<span
<i
aria-hidden="true"
className="Icon-root Icon-lg ButtonIcon-root"
>
arrow_drop_down
</span>
</i>
</button>
<div
aria-hidden={true}