How do I know if a highlighted text or block has a certain action applied to it?

[ramilamparo]

I want to apply styles to my button if the selected text/block is already has an action applied to it.

const isBold = () => {
    // How do I check if selected text is bold?
}

const isList= () => {
    // How do I check if selected block is a list?
}

function call<T>(command: CmdKey<T>, payload?: T) {
    return editor.action(callCommand(command, payload));
}

<button class={isBold() ? "btn-light" : "btn-dark"} onClick={() => call(toggleEmphasisCommand.key)}>Bold</button>
<button class={isList() ? "btn-light" : "btn-dark"} onClick={() => call(wrapInBulletListCommand.key)}>List</button>

[ahamelers]

See #981