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:
parent
f700b29b3d
commit
653f939856
18 changed files with 250 additions and 145 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue