synced/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2025-07-12 00:14:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve update button visibility (#3115)

Browse Source 
* feat: give update button primary focus when applicable

resolves #3024

* added update tooltip

* cleanup

* prettier

* PR feedback
This commit is contained in:
Kira Pilot
2022-07-22 14:28:52 -04:00
committed by GitHub
parent 2dd98c7ec8
commit 471564df7d
16 changed files with 131 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
site/src/components/Tooltips/HelpTooltip/HelpTooltip.tsx
View File

@ -110,16 +110,17 @@ export const HelpTooltipLink: React.FC<{ href: string }> = ({ children, href })
)
}
export const HelpTooltipAction: React.FC<{ icon: Icon; onClick: () => void }> = ({
children,
icon: Icon,
onClick,
}) => {
export const HelpTooltipAction: React.FC<{
icon: Icon
onClick: () => void
ariaLabel?: string
}> = ({ children, icon: Icon, onClick, ariaLabel }) => {
const styles = useStyles()
const tooltip = useHelpTooltip()
return (
<button
aria-label={ariaLabel ?? ""}
className={styles.action}
onClick={(event) => {
event.stopPropagation()