self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-01-23 18:34:02 +02:00
Code Issues Releases Activity

GH-3813 - Fixing dialog toolbar (#3827)

Browse Source 
* GH-3813 - Fixing dialog toolbar

* Updating card follow button

* Updating tests

* Updating lint error

* Updating test

* Updating dialog close test
This commit is contained in:
Asaad Mahmood 2022-09-12 20:05:41 +05:00 committed by GitHub
parent 9e813010d2
commit ed655ac996
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
18 changed files with 550 additions and 417 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
mattermost-plugin/webapp/src/components/__snapshots__/boardSelector.test.tsx.snap
View File

@ -21,19 +21,23 @@ exports[`components/boardSelector renders with no results 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="BoardSelectorBody"
@ -124,19 +128,23 @@ exports[`components/boardSelector renders with some results 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="BoardSelectorBody"
@ -325,19 +333,23 @@ exports[`components/boardSelector renders without start searching 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="BoardSelectorBody"

150
webapp/src/components/__snapshots__/cardDialog.test.tsx.snap
View File

@ -18,15 +18,9 @@ exports[`components/cardDialog already following card 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -52,6 +46,15 @@ exports[`components/cardDialog already following card 1`] = `
/>
</button>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -211,18 +214,22 @@ exports[`components/cardDialog limited card shows hidden view (no toolbar) 1`] =
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="CardDetail content is-limited"
@ -435,15 +442,9 @@ exports[`components/cardDialog return a cardDialog readonly 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -456,6 +457,15 @@ exports[`components/cardDialog return a cardDialog readonly 1`] = `
</span>
</button>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -547,15 +557,9 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -706,6 +710,15 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
</div>
</div>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -865,15 +878,9 @@ exports[`components/cardDialog return cardDialog menu content and cancel delete
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -899,6 +906,15 @@ exports[`components/cardDialog return cardDialog menu content and cancel delete
/>
</button>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -1058,15 +1074,9 @@ exports[`components/cardDialog should match snapshot 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -1092,6 +1102,15 @@ exports[`components/cardDialog should match snapshot 1`] = `
/>
</button>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -1251,15 +1270,9 @@ exports[`components/cardDialog should match snapshot without permissions 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -1285,6 +1298,15 @@ exports[`components/cardDialog should match snapshot without permissions 1`] = `
/>
</button>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div

26
webapp/src/components/__snapshots__/confirmAddUserForNotifications.test.tsx.snap
View File

@ -18,19 +18,23 @@ exports[`/components/confirmAddUserForNotifications should match snapshot 1`] =
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="box-area"

52
webapp/src/components/__snapshots__/confirmationDialogBox.test.tsx.snap
View File

@ -18,19 +18,23 @@ exports[`/components/confirmationDialogBox confirmDialog should match snapshot 1
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="box-area"
@ -93,19 +97,23 @@ exports[`/components/confirmationDialogBox confirmDialog with Confirm Button Tex
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="box-area"

49
webapp/src/components/__snapshots__/dialog.test.tsx.snap
View File

@ -18,19 +18,23 @@ exports[`components/dialog should match snapshot 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
id="test"
@ -59,16 +63,9 @@ exports[`components/dialog should return dialog and click on cancel button 1`] =
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -86,6 +83,16 @@ exports[`components/dialog should return dialog and click on cancel button 1`] =
/>
</button>
</div>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div

24
webapp/src/components/boardTemplateSelector/__snapshots__/boardTemplateSelectorItem.test.tsx.snap
View File

@ -158,18 +158,22 @@ exports[`components/boardTemplateSelector/boardTemplateSelectorItem should trigg
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="container"

26
webapp/src/components/boardsSwitcherDialog/__snapshots__/boardSwitcherDialog.test.tsx.snap
View File

@ -18,19 +18,23 @@ exports[`component/BoardSwitcherDialog base case 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="BoardSwitcherDialogBody"

3
webapp/src/components/cardDialog.scss
View File

@ -10,9 +10,6 @@
}
.cardFollowBtn {
float: right;
height: 100%;
&.follow {
color: rgba(var(--center-channel-color-rgb), 0.64);
background-color: rgba(var(--center-channel-color-rgb), 0.08);

1
webapp/src/components/cardDialog.tsx
View File

@ -143,6 +143,7 @@ const CardDialog = (props: Props): JSX.Element => {
const unfollowBtn = (
<Button
className='cardFollowBtn unfollow'
size='medium'
onClick={() => mutator.unfollowBlock(props.cardId, 'card', me!.id)}
>
{intl.formatMessage({id: 'CardDetail.Following', defaultMessage: 'Following'})}

39
webapp/src/components/createCategory/__snapshots__/createCategory.test.tsx.snap
View File

@ -18,30 +18,31 @@ exports[`components/createCategory/CreateCategory base case should match snapsho
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
<div
class="CreateCategory"
>
<h3
<h1
class="dialog-title"
>
<span>
title
</span>
</h3>
</h1>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="CreateCategory"
>
<div
class="inputWrapper"
>

2
webapp/src/components/createCategory/createCategory.test.tsx
View File

@ -85,7 +85,7 @@ describe('components/createCategory/CreateCategory', () => {
userEvent.click(cancelBtn as Element)
expect(onCloseHandler).toBeCalledTimes(1)
const closeBtn = container.querySelector('.toolbar > .IconButton')
const closeBtn = container.querySelector('.toolbar .dialog__close')
expect(closeBtn).toBeTruthy()
userEvent.click(closeBtn as Element)
expect(onCloseHandler).toBeCalledTimes(2)

2
webapp/src/components/createCategory/createCategory.tsx
View File

@ -78,11 +78,11 @@ const CreateCategory = (props: Props): JSX.Element => {
return (
<Dialog
title={props.title}
className='CreateCategoryModal'
onClose={props.onClose}
>
<div className='CreateCategory'>
<h3 className='dialog-title'>{props.title}</h3>
<div className='inputWrapper'>
<input
className='categoryNameInput'

23
webapp/src/components/dialog.scss
View File

@ -11,16 +11,14 @@
}
.dialog-title {
margin-top: 24px;
margin: 0;
font-weight: 600;
font-size: 22px;
line-height: 28px;
}
.dialog__close {
top: 18px;
right: 18px;
position: absolute;
margin: 0 -14px 0 0;
}
.backdrop {
@ -71,18 +69,18 @@
bottom: 0;
}
>* {
> * {
flex-shrink: 0;
}
>.banner {
> .banner {
background-color: rgba(230, 220, 192, 0.9);
text-align: center;
padding: 10px;
color: #222;
}
>.banner.error {
> .banner.error {
background-color: rgba(230, 192, 192, 0.9);
}
@ -100,19 +98,22 @@
}
}
>.toolbar {
> .toolbar {
display: flex;
flex-direction: row;
padding: 24px;
padding: 24px 32px;
justify-content: space-between;
align-items: center;
}
.toolbar--right {
display: flex;
gap: 8px;
align-items: center;
height: 28px;
}
>.content {
> .content {
display: flex;
flex-direction: column;
align-items: flex-start;
@ -126,7 +127,7 @@
}
}
>.content.fullwidth {
> .content.fullwidth {
padding-left: 78px;
}
}

24
webapp/src/components/dialog.tsx
View File

@ -16,7 +16,7 @@ type Props = {
toolbar?: React.ReactNode
hideCloseButton?: boolean
className?: string
title?: string
title?: JSX.Element
onClose: () => void,
}
@ -58,17 +58,7 @@ const Dialog = (props: Props) => {
className='dialog'
>
<div className='toolbar'>
{title && <h1 className='dialog-title'>{title}</h1>}
{
!props.hideCloseButton &&
<IconButton
className='dialog__close'
onClick={props.onClose}
icon={<CloseIcon/>}
title={closeDialogText}
size='medium'
/>
}
{<h1 className='dialog-title'>{title || ''}</h1>}
<div className='toolbar--right'>
{toolbar && <div>{toolbar}</div>}
{toolsMenu && <MenuWrapper>
@ -79,6 +69,16 @@ const Dialog = (props: Props) => {
{toolsMenu}
</MenuWrapper>
}
{
!props.hideCloseButton &&
<IconButton
className='dialog__close'
onClick={props.onClose}
icon={<CloseIcon/>}
title={closeDialogText}
size='medium'
/>
}
</div>
</div>
{props.children}

7
webapp/src/components/searchDialog/searchDialog.scss
View File

@ -4,9 +4,14 @@
.dialog {
.toolbar {
flex-direction: row-reverse;
padding: 0;
}
.dialog__close {
position: absolute;
right: 32px;
top: 18px;
}
}
.wrapper {

357
webapp/src/components/shareBoard/__snapshots__/shareBoard.test.tsx.snap
View File

@ -18,15 +18,9 @@ exports[`src/components/shareBoard/shareBoard confirm unlinking linked channel 1
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -37,6 +31,15 @@ exports[`src/components/shareBoard/shareBoard confirm unlinking linked channel 1
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -268,15 +271,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy l
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -287,6 +284,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy l
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -477,15 +483,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy l
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -496,6 +496,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy l
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -686,15 +695,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Regene
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -705,6 +708,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Regene
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -918,15 +930,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -937,6 +943,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -1154,15 +1169,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -1173,6 +1182,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -1622,15 +1640,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -1641,6 +1653,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -1858,15 +1879,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -1877,6 +1892,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -2326,15 +2350,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -2345,6 +2363,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
Share Template
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -2511,15 +2538,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -2530,6 +2551,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
Share Template
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -2832,15 +2862,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoard, and click switc
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -2851,6 +2875,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoard, and click switc
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -3064,15 +3097,9 @@ exports[`src/components/shareBoard/shareBoard return shareBoardComponent and cli
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -3083,6 +3110,15 @@ exports[`src/components/shareBoard/shareBoard return shareBoardComponent and cli
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -3296,15 +3332,9 @@ exports[`src/components/shareBoard/shareBoard should match snapshot 1`] = `
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -3315,6 +3345,15 @@ exports[`src/components/shareBoard/shareBoard should match snapshot 1`] = `
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -3505,15 +3544,9 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -3524,6 +3557,15 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -3714,15 +3756,9 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -3733,6 +3769,15 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -3923,15 +3968,9 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -3942,6 +3981,15 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
Share Board
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
@ -4132,15 +4180,9 @@ exports[`src/components/shareBoard/shareBoard should match snapshot, with templa
<div
class="toolbar"
>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
@ -4151,6 +4193,15 @@ exports[`src/components/shareBoard/shareBoard should match snapshot, with templa
Share Template
</span>
</div>
<button
aria-label="Close dialog"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div

52
webapp/src/components/viewLImitDialog/__snapshots__/viewLimitDialog.test.tsx.snap
View File

@ -18,19 +18,23 @@ exports[`components/viewLimitDialog/ViewLiimitDialog show notify upgrade button
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="ViewLimitDialog_body"
@ -94,19 +98,23 @@ exports[`components/viewLimitDialog/ViewLiimitDialog show upgrade button for sys
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="ViewLimitDialog_body"

52
webapp/src/components/viewLImitDialog/__snapshots__/viewLimitDialogWrapper.test.tsx.snap
View File

@ -18,19 +18,23 @@ exports[`components/viewLimitDialog/ViewL]imitDialog show notify admin confirmat
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="ViewLimitDialog_body"
@ -128,19 +132,23 @@ exports[`components/viewLimitDialog/ViewL]imitDialog show view limit dialog 1`]
<div
class="toolbar"
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
/>
>
<button
aria-label="Close dialog"
class="IconButton dialog__close size--medium"
title="Close dialog"
type="button"
>
<i
class="CompassIcon icon-close CloseIcon"
/>
</button>
</div>
</div>
<div
class="ViewLimitDialog_body"