File tree Expand file tree Collapse file tree
packages/devtools-ui/src/components Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1- import { Show , createSignal } from 'solid-js'
1+ import { Show , } from 'solid-js'
22import { useStyles } from '../styles/use-styles'
33import type { tokens } from '../styles/tokens'
44
@@ -9,29 +9,10 @@ export const Tag = (props: {
99 disabled ?: boolean
1010} ) => {
1111 const styles = useStyles ( )
12-
13- let tagRef ! : HTMLButtonElement
14-
15- const [ mouseOver , setMouseOver ] = createSignal ( false )
16- const [ focused , setFocused ] = createSignal ( false )
17-
1812 return (
1913 < button
20- onFocus = { ( ) => setFocused ( true ) }
21- onBlur = { ( ) => setFocused ( false ) }
22- onMouseEnter = { ( ) => setMouseOver ( true ) }
23- onMouseLeave = { ( ) => {
24- setMouseOver ( false )
25- setFocused ( false )
26- } }
2714 disabled = { props . disabled }
28- ref = { tagRef }
2915 class = { styles ( ) . tag . base }
30- { ...( mouseOver ( ) || focused ( )
31- ? {
32- 'aria-describedby' : 'tsqd-status-tooltip' ,
33- }
34- : { } ) }
3516 >
3617 < span class = { styles ( ) . tag . dot ( props . color ) } />
3718 < span class = { styles ( ) . tag . label } > { props . label } </ span >
You can’t perform that action at this time.
0 commit comments