feat: custom tooltip instead of browser tooltip

fix: remove default browser tooltip
fix: rename HelpTooltip into Tooltip
feat: allow custom tooltip element
fix: open cashout fudgefactor help tooltip on click
feat: edit and delete (editabletable) custom tooltip
feat: custom tooltip on single field editables
feat: SingleRowTable custom tooltip
feat: custom tooltip on modal close button
fix: operatorinfo custom tooltip
feat: confirmdialog custom close tooltip
fix: remove browser default tooltip from action buttons
fix: eslint
This commit is contained in:
Mauricio Navarro Miranda 2020-08-13 04:26:42 -05:00 committed by Josh Harvey
parent f700b29b3d
commit 653f939856
18 changed files with 250 additions and 145 deletions

View file

@ -1,8 +1,9 @@
import { makeStyles } from '@material-ui/core'
import React from 'react'
import Tooltip from 'src/components/Tooltip'
import { Link, IconButton } from 'src/components/buttons'
import { H4 } from 'src/components/typography'
import { H4, P } from 'src/components/typography'
import { ReactComponent as DisabledEditIcon } from 'src/styling/icons/action/edit/disabled.svg'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
@ -16,14 +17,27 @@ const Header = ({ title, editing, disabled, setEditing }) => {
return (
<div className={classes.header}>
<H4 className={classes.title}>{title}</H4>
{!editing && (
<IconButton
onClick={() => setEditing(true)}
className={classes.button}
disabled={disabled}>
{disabled ? <DisabledEditIcon /> : <EditIcon />}
{!editing && !disabled && (
<Tooltip
enableOver
element={
<IconButton
className={classes.button}
onClick={() => setEditing(true)}>
<EditIcon />
</IconButton>
}>
<P>Modify value</P>
</Tooltip>
)}
{!editing && disabled && (
<IconButton disabled className={classes.button}>
<DisabledEditIcon />
</IconButton>
)}
{editing && (
<div className={classes.editingButtons}>
<Link color="primary" type="submit">