2023-02-08 21:10:26 +00:00
|
|
|
import { FormattedMessage } from "react-intl";
|
2023-02-11 20:05:46 +00:00
|
|
|
import { HexKey } from "@snort/nostr";
|
2023-01-27 21:10:14 +00:00
|
|
|
import useModeration from "Hooks/useModeration";
|
|
|
|
|
2023-02-08 21:10:26 +00:00
|
|
|
import messages from "./messages";
|
|
|
|
|
2023-01-27 21:10:14 +00:00
|
|
|
interface BlockButtonProps {
|
2023-02-07 20:04:50 +00:00
|
|
|
pubkey: HexKey;
|
2023-01-27 21:10:14 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
const BlockButton = ({ pubkey }: BlockButtonProps) => {
|
2023-02-07 20:04:50 +00:00
|
|
|
const { block, unblock, isBlocked } = useModeration();
|
2023-01-27 21:10:14 +00:00
|
|
|
return isBlocked(pubkey) ? (
|
|
|
|
<button className="secondary" type="button" onClick={() => unblock(pubkey)}>
|
2023-02-08 21:10:26 +00:00
|
|
|
<FormattedMessage {...messages.Unblock} />
|
2023-01-27 21:10:14 +00:00
|
|
|
</button>
|
|
|
|
) : (
|
|
|
|
<button className="secondary" type="button" onClick={() => block(pubkey)}>
|
2023-02-08 21:10:26 +00:00
|
|
|
<FormattedMessage {...messages.Block} />
|
2023-01-27 21:10:14 +00:00
|
|
|
</button>
|
2023-02-07 20:04:50 +00:00
|
|
|
);
|
|
|
|
};
|
2023-01-27 21:10:14 +00:00
|
|
|
|
2023-02-07 20:04:50 +00:00
|
|
|
export default BlockButton;
|