toggle-button-on-change

toggle-button-on-change.tsx

const [toggleButtonGroupValue, setToggleButtonGroupValue] = React.useState<
    string | null
  >(null);


const handleToggleButtonGroup = (
    event: React.MouseEvent<HTMLElement, MouseEvent>,
    value: string
  ) => {
    event.stopPropagation();
    event.preventDefault();
    setToggleButtonGroupValue(value);

    switch (value) {
      case "header-one":
        setEditorState(
          EditorState.push(
            editorState,
            Modifier.setBlockType(
              editorState.getCurrentContent(),
              editorState.getSelection(),
              value
            ),
            "change-block-type"
          )
        );
        break;
      case "insert-image":
        //@ts-ignore
        document.getElementById("fileInput").click();
        setToggleButtonGroupValue("null");
        break;
      case "insert-link":
        break;
      default:
        setToggleButtonGroupValue(null);
        break;
    }
  };