message: useConfirmation for file cell
diff: @@ -15,7 +15,7 @@ import {
  } from "@material-ui/core";
  import UploadIcon from "assets/icons/Upload";
  -import Confirmation from "components/Confirmation";
  +import { useConfirmation } from "components/ConfirmationDialog";
  import useUploader, { FileValue } from "hooks/useFiretable/useUploader";
  import { FileIcon } from "constants/fields";
  @@ -61,7 +61,7 @@ export default function File({
  const { uploaderState, upload, deleteUpload } = useUploader();
  const { progress, isLoading } = uploaderState;
  -
  + const { requestConfirmation } = useConfirmation();
  const onDrop = useCallback(
  (acceptedFiles) => {
  const file = acceptedFiles[0];
  @@ -114,15 +114,6 @@ export default function File({
  {Array.isArray(value) &&
  value.reverse().map((file: FileValue) => (
  <Grid item key={file.name} className={classes.chipGridItem}>
  - <Confirmation
  - message={{
  - title: "Delete File",
  - body: "Are you sure you want to delete this file?",
  - confirm: "Delete",
  - }}
  - functionName={column.editable !== false ? "onDelete" : ""}
  - stopPropagation
  - >
  <Chip
  icon={<FileIcon />}
  label={file.name}
  @@ -132,12 +123,17 @@ export default function File({
  }}
  onDelete={
  column.editable !== false
  - ? () => handleDelete(file.ref)
  + ? () =>
  + requestConfirmation({
  + handleConfirm: () => handleDelete(file.ref),
  + title: "Delete File",
  + body: "Are you sure you want to delete this file?",
  + confirm: "Delete",
  + })
  : undefined
  }
  className={classes.chip}
  />
  - </Confirmation>
  </Grid>
  ))}
  </Grid>
  