githubmirror/carbon

components/ConfirmButton.js

22 строки491 B

Mike Fix

create delete button from /snippets

28 авг 2019, 06:08

28 авг 2019, 06:081372a40

import React from 'react'
import Button from './Button'

export default function ConfirmButton(props) {
  const [confirmed, setConfirmed] = React.useState(false)
  return (
    <Button
      {...props}
      onClick={e => {
        if (confirmed) {
          props.onClick(e)
          setConfirmed(false)
        } else {
          setConfirmed(true)
        }
      }}
      onBlur={() => setConfirmed(false)}
    >
      {confirmed ? 'Are you sure?' : props.children}
    </Button>
  )
}