message: confirmation on image deletion
diff: import React, { useCallback, useState } from "react";
  import { useDropzone } from "react-dropzone";
  import useUploader from "../../hooks/useFiretable/useUploader";
  +import DeleteIcon from "@material-ui/icons/Delete";
  import { makeStyles, Theme, createStyles } from "@material-ui/core/styles";
  import { FieldType } from ".";
  @@ -11,6 +12,7 @@ import CircularProgress from "@material-ui/core/CircularProgress";
  import _findIndex from "lodash/findIndex";
  import { Tooltip } from "@material-ui/core";
  +import Confirmation from "../Confirmation";
  // TODO: indicate error state
  const useStyles = makeStyles((theme: Theme) =>
  @@ -87,6 +89,17 @@ const Image = (props: Props) => {
  {value &&
  files.map((file: { name: string; downloadURL: string }) => (
  <Tooltip title="Click to delete" key={file.downloadURL}>
  + <Confirmation
  + message={{
  + title: "Delete Image",
  + body: "Are you sure you want to delete this image?",
  + confirm: (
  + <>
  + <DeleteIcon /> Delete
  + </>
  + ),
  + }}
  + >
  <div
  onClick={e => {
  const index = _findIndex(value, [
  @@ -107,6 +120,7 @@ const Image = (props: Props) => {
  src={file.downloadURL}
  />
  </div>
  + </Confirmation>
  </Tooltip>
  ))}
  {progress === 0 ? (
  