luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update iconButton.tsx (#1512)

Browse source
This commit is contained in:
Naresh Chavan 2021-10-20 17:51:24 +05:30 committed by GitHub
parent e5e7501efb
commit 4465a85c3e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 185 additions and 185 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
webapp/src/components/cardDetail/__snapshots__/cardDetailContents.test.tsx.snap
View file

@ -168,14 +168,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot after dr
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"
@ -232,14 +232,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot after dr
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"
@ -287,14 +287,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot after dr
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"
@ -357,14 +357,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot after dr
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"
@ -417,14 +417,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot after dr
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"
@ -490,14 +490,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot after dr
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"
@ -550,14 +550,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot after dr
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"
@ -773,14 +773,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot with con
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"
@ -846,14 +846,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot with con
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"
@ -910,14 +910,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot with con
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"
@ -965,14 +965,14 @@ exports[`components/cardDetail/cardDetailContents should match snapshot with con
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="dnd-handle" class="dnd-handle"

12
webapp/src/components/cardDetail/__snapshots__/comment.test.tsx.snap
View file

@ -30,14 +30,14 @@ exports[`components/cardDetail/comment return comment 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect left" class="Menu noselect left"
> >
@ -140,14 +140,14 @@ exports[`components/cardDetail/comment return comment and delete comment 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect left" class="Menu noselect left"
> >

24
webapp/src/components/gallery/__snapshots__/gallery.test.tsx.snap
View file

@ -15,14 +15,14 @@ exports[`src/components/gallery/Gallery return Gallery and click new 1`] = `
class="MenuWrapper optionsMenu" class="MenuWrapper optionsMenu"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="gallery-item" class="gallery-item"
@ -38,14 +38,14 @@ exports[`src/components/gallery/Gallery return Gallery and click new 1`] = `
class="MenuWrapper optionsMenu" class="MenuWrapper optionsMenu"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="gallery-item" class="gallery-item"
@ -102,14 +102,14 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
class="MenuWrapper optionsMenu" class="MenuWrapper optionsMenu"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect left" class="Menu noselect left"
> >
@ -224,14 +224,14 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
class="MenuWrapper optionsMenu" class="MenuWrapper optionsMenu"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="gallery-item" class="gallery-item"

6
webapp/src/components/sidebar/__snapshots__/sidebar.test.tsx.snap
View file

@ -67,9 +67,9 @@ exports[`components/sidebarSidebar sidebar in dashboard page 1`] = `
<div <div
class="sidebarSwitcher" class="sidebarSwitcher"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<svg <svg
class="HideSidebarIcon Icon" class="HideSidebarIcon Icon"
@ -83,7 +83,7 @@ exports[`components/sidebarSidebar sidebar in dashboard page 1`] = `
points="50,20 20,50, 50,80" points="50,20 20,50, 50,80"
/> />
</svg> </svg>
</div> </button>
</div> </div>
</div> </div>
<div <div

18
webapp/src/components/table/__snapshots__/table.test.tsx.snap
View file

@ -1927,9 +1927,9 @@ exports[`components/table/Table should match snapshot with GroupBy 1`] = `
class="octo-table-cell" class="octo-table-cell"
style="width: 100px;" style="width: 100px;"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<svg <svg
class="DisclosureTriangleIcon Icon" class="DisclosureTriangleIcon Icon"
@ -1940,7 +1940,7 @@ exports[`components/table/Table should match snapshot with GroupBy 1`] = `
points="37,35 37,65 63,50" points="37,35 37,65 63,50"
/> />
</svg> </svg>
</div> </button>
<span <span
class="Label empty " class="Label empty "
title="Items with an empty Property 1 property will go here. This column cannot be removed." title="Items with an empty Property 1 property will go here. This column cannot be removed."
@ -1962,23 +1962,23 @@ exports[`components/table/Table should match snapshot with GroupBy 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-plus AddIcon" class="CompassIcon icon-plus AddIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
</div> </div>

96
webapp/src/components/table/__snapshots__/tableGroupHeaderRow.test.tsx.snap
View file

@ -11,9 +11,9 @@ exports[`should match snapshot on read only 1`] = `
class="octo-table-cell" class="octo-table-cell"
style="width: 100px;" style="width: 100px;"
> >
<div <button
class="Button IconButton readonly" class="Button IconButton readonly"
role="button" type="button"
> >
<svg <svg
class="DisclosureTriangleIcon Icon" class="DisclosureTriangleIcon Icon"
@ -24,7 +24,7 @@ exports[`should match snapshot on read only 1`] = `
points="37,35 37,65 63,50" points="37,35 37,65 63,50"
/> />
</svg> </svg>
</div> </button>
<span <span
class="Label propColorBrown " class="Label propColorBrown "
> >
@ -61,9 +61,9 @@ exports[`should match snapshot with Group 1`] = `
class="octo-table-cell" class="octo-table-cell"
style="width: 100px;" style="width: 100px;"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<svg <svg
class="DisclosureTriangleIcon Icon" class="DisclosureTriangleIcon Icon"
@ -74,7 +74,7 @@ exports[`should match snapshot with Group 1`] = `
points="37,35 37,65 63,50" points="37,35 37,65 63,50"
/> />
</svg> </svg>
</div> </button>
<span <span
class="Label propColorBrown " class="Label propColorBrown "
> >
@ -100,23 +100,23 @@ exports[`should match snapshot with Group 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-plus AddIcon" class="CompassIcon icon-plus AddIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
`; `;
@ -132,9 +132,9 @@ exports[`should match snapshot, add new 1`] = `
class="octo-table-cell" class="octo-table-cell"
style="width: 100px;" style="width: 100px;"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<svg <svg
class="DisclosureTriangleIcon Icon" class="DisclosureTriangleIcon Icon"
@ -145,7 +145,7 @@ exports[`should match snapshot, add new 1`] = `
points="37,35 37,65 63,50" points="37,35 37,65 63,50"
/> />
</svg> </svg>
</div> </button>
<span <span
class="Label propColorBrown " class="Label propColorBrown "
> >
@ -171,23 +171,23 @@ exports[`should match snapshot, add new 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-plus AddIcon" class="CompassIcon icon-plus AddIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
`; `;
@ -203,9 +203,9 @@ exports[`should match snapshot, edit title 1`] = `
class="octo-table-cell" class="octo-table-cell"
style="width: 100px;" style="width: 100px;"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<svg <svg
class="DisclosureTriangleIcon Icon" class="DisclosureTriangleIcon Icon"
@ -216,7 +216,7 @@ exports[`should match snapshot, edit title 1`] = `
points="37,35 37,65 63,50" points="37,35 37,65 63,50"
/> />
</svg> </svg>
</div> </button>
<span <span
class="Label propColorBrown " class="Label propColorBrown "
> >
@ -242,23 +242,23 @@ exports[`should match snapshot, edit title 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-plus AddIcon" class="CompassIcon icon-plus AddIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
`; `;
@ -274,9 +274,9 @@ exports[`should match snapshot, hide group 1`] = `
class="octo-table-cell" class="octo-table-cell"
style="width: 100px;" style="width: 100px;"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<svg <svg
class="DisclosureTriangleIcon Icon" class="DisclosureTriangleIcon Icon"
@ -287,7 +287,7 @@ exports[`should match snapshot, hide group 1`] = `
points="37,35 37,65 63,50" points="37,35 37,65 63,50"
/> />
</svg> </svg>
</div> </button>
<span <span
class="Label propColorBrown " class="Label propColorBrown "
> >
@ -313,23 +313,23 @@ exports[`should match snapshot, hide group 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-plus AddIcon" class="CompassIcon icon-plus AddIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
`; `;
@ -345,9 +345,9 @@ exports[`should match snapshot, no groups 1`] = `
class="octo-table-cell" class="octo-table-cell"
style="width: 100px;" style="width: 100px;"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<svg <svg
class="DisclosureTriangleIcon Icon" class="DisclosureTriangleIcon Icon"
@ -358,7 +358,7 @@ exports[`should match snapshot, no groups 1`] = `
points="37,35 37,65 63,50" points="37,35 37,65 63,50"
/> />
</svg> </svg>
</div> </button>
<span <span
class="Label empty " class="Label empty "
title="Items with an empty Property 1 property will go here. This column cannot be removed." title="Items with an empty Property 1 property will go here. This column cannot be removed."
@ -380,23 +380,23 @@ exports[`should match snapshot, no groups 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-plus AddIcon" class="CompassIcon icon-plus AddIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
`; `;

18
webapp/src/components/viewHeader/__snapshots__/emptyCardButton.test.tsx.snap
View file

@ -31,14 +31,14 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
</div> </div>
@ -75,14 +75,14 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton and Set Te
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect left" class="Menu noselect left"
> >
@ -178,14 +178,14 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton and addCar
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
</div> </div>

24
webapp/src/components/viewHeader/__snapshots__/filterComponent.test.tsx.snap
View file

@ -8,16 +8,16 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
<div <div
class="toolbar hideOnWidescreen" class="toolbar hideOnWidescreen"
> >
<div <button
aria-label="Close" aria-label="Close"
class="Button IconButton" class="Button IconButton"
role="button"
title="Close" title="Close"
type="button"
> >
<i <i
class="CompassIcon icon-close CloseIcon" class="CompassIcon icon-close CloseIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="FilterComponent" class="FilterComponent"
@ -191,16 +191,16 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
<div <div
class="toolbar hideOnWidescreen" class="toolbar hideOnWidescreen"
> >
<div <button
aria-label="Close" aria-label="Close"
class="Button IconButton" class="Button IconButton"
role="button"
title="Close" title="Close"
type="button"
> >
<i <i
class="CompassIcon icon-close CloseIcon" class="CompassIcon icon-close CloseIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="FilterComponent" class="FilterComponent"
@ -374,16 +374,16 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
<div <div
class="toolbar hideOnWidescreen" class="toolbar hideOnWidescreen"
> >
<div <button
aria-label="Close" aria-label="Close"
class="Button IconButton" class="Button IconButton"
role="button"
title="Close" title="Close"
type="button"
> >
<i <i
class="CompassIcon icon-close CloseIcon" class="CompassIcon icon-close CloseIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="FilterComponent" class="FilterComponent"
@ -557,16 +557,16 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
<div <div
class="toolbar hideOnWidescreen" class="toolbar hideOnWidescreen"
> >
<div <button
aria-label="Close" aria-label="Close"
class="Button IconButton" class="Button IconButton"
role="button"
title="Close" title="Close"
type="button"
> >
<i <i
class="CompassIcon icon-close CloseIcon" class="CompassIcon icon-close CloseIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="FilterComponent" class="FilterComponent"

18
webapp/src/components/viewHeader/__snapshots__/newCardButton.test.tsx.snap
View file

@ -60,14 +60,14 @@ exports[`components/viewHeader/newCardButton return NewCardButton 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
<div <div
@ -179,14 +179,14 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCard 1`
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
<div <div
@ -298,14 +298,14 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCardTem
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
<div <div

30
webapp/src/components/viewHeader/__snapshots__/newCardButtonTemplateItem.test.tsx.snap
View file

@ -22,14 +22,14 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect left" class="Menu noselect left"
> >
@ -170,14 +170,14 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect left" class="Menu noselect left"
> >
@ -318,14 +318,14 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
</div> </div>
@ -353,14 +353,14 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect left" class="Menu noselect left"
> >
@ -501,14 +501,14 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect left" class="Menu noselect left"
> >

18
webapp/src/components/viewHeader/__snapshots__/viewHeader.test.tsx.snap
View file

@ -17,14 +17,14 @@ exports[`components/viewHeader/viewHeader return viewHeader 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-chevron-down DropdownIcon" class="CompassIcon icon-chevron-down DropdownIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="octo-spacer" class="octo-spacer"
@ -104,14 +104,14 @@ exports[`components/viewHeader/viewHeader return viewHeader 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
</div> </div>
</div> </div>
<div <div
@ -158,14 +158,14 @@ exports[`components/viewHeader/viewHeader return viewHeader readonly 1`] = `
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-chevron-down DropdownIcon" class="CompassIcon icon-chevron-down DropdownIcon"
/> />
</div> </button>
</div> </div>
<div <div
class="octo-spacer" class="octo-spacer"

24
webapp/src/components/viewHeader/__snapshots__/viewHeaderActionsMenu.test.tsx.snap
View file

@ -10,14 +10,14 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect bottom" class="Menu noselect bottom"
> >
@ -120,14 +120,14 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect bottom" class="Menu noselect bottom"
> >
@ -230,14 +230,14 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu with Share Boar
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect bottom" class="Menu noselect bottom"
> >
@ -340,14 +340,14 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu without Share B
class="MenuWrapper" class="MenuWrapper"
role="button" role="button"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<i <i
class="CompassIcon icon-dots-horizontal OptionsIcon" class="CompassIcon icon-dots-horizontal OptionsIcon"
/> />
</div> </button>
<div <div
class="Menu noselect bottom" class="Menu noselect bottom"
> >

6
webapp/src/pages/dashboard/__snapshots__/dashboardPage.test.tsx.snap
View file

@ -70,9 +70,9 @@ exports[`pages/dashboard/DashboardPage base case 1`] = `
<div <div
class="sidebarSwitcher" class="sidebarSwitcher"
> >
<div <button
class="Button IconButton" class="Button IconButton"
role="button" type="button"
> >
<svg <svg
class="HideSidebarIcon Icon" class="HideSidebarIcon Icon"
@ -86,7 +86,7 @@ exports[`pages/dashboard/DashboardPage base case 1`] = `
points="50,20 20,50, 50,80" points="50,20 20,50, 50,80"
/> />
</svg> </svg>
</div> </button>
</div> </div>
</div> </div>
<div <div

10
webapp/src/widgets/buttons/iconButton.tsx
View file

@ -5,11 +5,11 @@ import React from 'react'
import './iconButton.scss' import './iconButton.scss'
type Props = { type Props = {
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void
title?: string title?: string
icon?: React.ReactNode icon?: React.ReactNode
className?: string className?: string
onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void
} }
function IconButton(props: Props): JSX.Element { function IconButton(props: Props): JSX.Element {
@ -18,8 +18,8 @@ function IconButton(props: Props): JSX.Element {
className += ' ' + props.className className += ' ' + props.className
} }
return ( return (
<div <button
role='button' type='button'
onClick={props.onClick} onClick={props.onClick}
onMouseDown={props.onMouseDown} onMouseDown={props.onMouseDown}
className={className} className={className}
@ -27,7 +27,7 @@ function IconButton(props: Props): JSX.Element {
aria-label={props.title} aria-label={props.title}
> >
{props.icon} {props.icon}
</div> </button>
) )
} }