self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-01-26 18:48:15 +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

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

@ -20,6 +20,12 @@ exports[`components/boardSelector renders with no results 1`] = `
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -31,9 +37,7 @@ exports[`components/boardSelector renders with no results 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="BoardSelectorBody"
@ -123,6 +127,12 @@ exports[`components/boardSelector renders with some results 1`] = `
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -134,9 +144,7 @@ exports[`components/boardSelector renders with some results 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="BoardSelectorBody"
@ -324,6 +332,12 @@ exports[`components/boardSelector renders without start searching 1`] = `
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -335,9 +349,7 @@ exports[`components/boardSelector renders without start searching 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="BoardSelectorBody"

124
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"
<h1
class="dialog-title"
/>
</button>
<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
@ -210,6 +213,12 @@ exports[`components/cardDialog limited card shows hidden view (no toolbar) 1`] =
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -220,9 +229,7 @@ exports[`components/cardDialog limited card shows hidden view (no toolbar) 1`] =
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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

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

@ -17,6 +17,12 @@ exports[`/components/confirmAddUserForNotifications should match snapshot 1`] =
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -28,9 +34,7 @@ exports[`/components/confirmAddUserForNotifications should match snapshot 1`] =
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="box-area"

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

@ -17,6 +17,12 @@ exports[`/components/confirmationDialogBox confirmDialog should match snapshot 1
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -28,9 +34,7 @@ exports[`/components/confirmationDialogBox confirmDialog should match snapshot 1
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="box-area"
@ -92,6 +96,12 @@ exports[`/components/confirmationDialogBox confirmDialog with Confirm Button Tex
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -103,9 +113,7 @@ exports[`/components/confirmationDialogBox confirmDialog with Confirm Button Tex
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="box-area"

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

@ -17,6 +17,12 @@ exports[`components/dialog should match snapshot 1`] = `
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -28,9 +34,7 @@ exports[`components/dialog should match snapshot 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</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"
<h1
class="dialog-title"
/>
</button>
<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

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

@ -157,6 +157,12 @@ exports[`components/boardTemplateSelector/boardTemplateSelectorItem should trigg
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -167,9 +173,7 @@ exports[`components/boardTemplateSelector/boardTemplateSelectorItem should trigg
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="container"

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

@ -17,6 +17,12 @@ exports[`component/BoardSwitcherDialog base case 1`] = `
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -28,9 +34,7 @@ exports[`component/BoardSwitcherDialog base case 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</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'})}

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

@ -17,6 +17,16 @@ exports[`components/createCategory/CreateCategory base case should match snapsho
>
<div
class="toolbar"
>
<h1
class="dialog-title"
>
<span>
title
</span>
</h1>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -28,20 +38,11 @@ exports[`components/createCategory/CreateCategory base case should match snapsho
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="CreateCategory"
>
<h3
class="dialog-title"
>
<span>
title
</span>
</h3>
<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'

11
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 {
@ -103,13 +101,16 @@
> .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 {

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 {

323
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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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"
<h1
class="dialog-title"
/>
</button>
<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

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

@ -17,6 +17,12 @@ exports[`components/viewLimitDialog/ViewLiimitDialog show notify upgrade button
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -28,9 +34,7 @@ exports[`components/viewLimitDialog/ViewLiimitDialog show notify upgrade button
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="ViewLimitDialog_body"
@ -93,6 +97,12 @@ exports[`components/viewLimitDialog/ViewLiimitDialog show upgrade button for sys
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -104,9 +114,7 @@ exports[`components/viewLimitDialog/ViewLiimitDialog show upgrade button for sys
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="ViewLimitDialog_body"

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

@ -17,6 +17,12 @@ exports[`components/viewLimitDialog/ViewL]imitDialog show notify admin confirmat
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -28,9 +34,7 @@ exports[`components/viewLimitDialog/ViewL]imitDialog show notify admin confirmat
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="ViewLimitDialog_body"
@ -127,6 +131,12 @@ exports[`components/viewLimitDialog/ViewL]imitDialog show view limit dialog 1`]
>
<div
class="toolbar"
>
<h1
class="dialog-title"
/>
<div
class="toolbar--right"
>
<button
aria-label="Close dialog"
@ -138,9 +148,7 @@ exports[`components/viewLimitDialog/ViewL]imitDialog show view limit dialog 1`]
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
</div>
<div
class="ViewLimitDialog_body"