@@ -57,6 +57,7 @@ export const Sidebar: Component<SidebarProps> = (props) => {
5757 </ select >
5858 < Tooltip text = "Save current display mode as default startup mode" >
5959 < button
60+ type = "button"
6061 onClick = { props . onPersistPlugin }
6162 class = "w-full bg-blue-600 text-white border-0 px-4 py-3 uppercase text-sm leading-6 tracking-wider cursor-pointer font-bold hover:opacity-80 active:translate-y-[-1px] transition-all rounded"
6263 >
@@ -75,6 +76,7 @@ export const Sidebar: Component<SidebarProps> = (props) => {
7576 < div class = "flex gap-2.5" >
7677 < Tooltip text = "Rotate display counter-clockwise" >
7778 < button
79+ type = "button"
7880 onClick = { ( ) => props . onRotate ( false ) }
7981 class = "w-full bg-blue-600 text-white border-0 px-4 py-3 uppercase text-sm leading-6 tracking-wider cursor-pointer font-bold hover:opacity-80 active:translate-y-[-1px] transition-all rounded"
8082 >
@@ -83,6 +85,7 @@ export const Sidebar: Component<SidebarProps> = (props) => {
8385 </ Tooltip >
8486 < Tooltip text = "Rotate display clockwise" >
8587 < button
88+ type = "button"
8689 onClick = { ( ) => props . onRotate ( true ) }
8790 class = "w-full bg-blue-600 text-white border-0 px-4 py-3 uppercase text-sm leading-6 tracking-wider cursor-pointer font-bold hover:opacity-80 active:translate-y-[-1px] transition-all rounded"
8891 >
@@ -105,7 +108,7 @@ export const Sidebar: Component<SidebarProps> = (props) => {
105108 onInput = { ( e ) =>
106109 props . onBrightnessChange ( parseInt ( e . currentTarget . value ) )
107110 }
108- onPointerUp = { ( e ) =>
111+ onPointerUp = { ( ) =>
109112 props . onBrightnessChange ( store . brightness , true )
110113 }
111114 />
@@ -129,7 +132,7 @@ export const Sidebar: Component<SidebarProps> = (props) => {
129132 onInput = { ( e ) =>
130133 props . onArtnetChange ( parseInt ( e . currentTarget . value ) )
131134 }
132- onPointerUp = { ( e ) =>
135+ onPointerUp = { ( ) =>
133136 props . onArtnetChange ( store . artnetUniverse , true )
134137 }
135138 />
@@ -140,14 +143,14 @@ export const Sidebar: Component<SidebarProps> = (props) => {
140143 </ SidebarSection >
141144 </ Show >
142145
143-
144146 < Show when = { store ?. plugin === 1 && ! store ?. isActiveScheduler } >
145147 < div class = "my-6 border-t border-gray-200" />
146148
147149 < SidebarSection title = "Matrix Controls" >
148150 < div class = "grid grid-cols-2 gap-2" >
149151 < Tooltip text = "Import image from your device" >
150152 < button
153+ type = "button"
151154 onClick = { props . onLoadImage }
152155 class = "w-full bg-blue-600 text-white border-0 px-4 py-3 uppercase text-sm leading-6 tracking-wider cursor-pointer font-bold hover:opacity-80 active:translate-y-[-1px] transition-all rounded"
153156 >
@@ -156,6 +159,7 @@ export const Sidebar: Component<SidebarProps> = (props) => {
156159 </ Tooltip >
157160 < Tooltip text = "Clear all pixels" >
158161 < button
162+ type = "button"
159163 onClick = { props . onClear }
160164 class = "w-full bg-blue-600 text-white border-0 px-4 py-3 uppercase text-sm leading-6 tracking-wider cursor-pointer font-bold hover:opacity-80 active:translate-y-[-1px] transition-all rounded hover:bg-red-600"
161165 >
@@ -164,6 +168,7 @@ export const Sidebar: Component<SidebarProps> = (props) => {
164168 </ Tooltip >
165169 < Tooltip text = "Save current display state" >
166170 < button
171+ type = "button"
167172 onClick = { props . onPersist }
168173 class = "w-full bg-blue-600 text-white border-0 px-4 py-3 uppercase text-sm leading-6 tracking-wider cursor-pointer font-bold hover:opacity-80 active:translate-y-[-1px] transition-all rounded"
169174 >
@@ -172,6 +177,7 @@ export const Sidebar: Component<SidebarProps> = (props) => {
172177 </ Tooltip >
173178 < Tooltip text = "Load last saved state" >
174179 < button
180+ type = "button"
175181 onClick = { props . onLoad }
176182 class = "w-full bg-blue-600 text-white border-0 px-4 py-3 uppercase text-sm leading-6 tracking-wider cursor-pointer font-bold hover:opacity-80 active:translate-y-[-1px] transition-all rounded"
177183 >
0 commit comments