radar/twist-v2

import React, { FunctionComponent } from "react";
import closeNoteMutation from "./CloseNoteMutation";
import { useMutation } from "@apollo/react-hooks";
import ButtonProps from "./ButtonProps";

const CloseButton: FunctionComponent<ButtonProps> = (props) => {
  const [closeNote] = useMutation(closeNoteMutation);
  const close = () => {
    closeNote({ variables: { id: props.id } }).then((result) => {
      if (result) {
        const {
          data: {
            closeNote: { state },
          },
        } = result;
        props.setState(state);
      }
    });
  };

  return (
    <button className="btn btn-red" onClick={close}>
      Close
    </button>
  );
};

export default CloseButton;