2023-02-08 21:10:26 +00:00
|
|
|
import { FormattedMessage } from "react-intl";
|
2023-01-26 11:34:18 +00:00
|
|
|
import { HexKey } from "Nostr";
|
|
|
|
import useModeration from "Hooks/useModeration";
|
|
|
|
|
2023-02-08 21:10:26 +00:00
|
|
|
import messages from "./messages";
|
|
|
|
|
2023-01-26 11:34:18 +00:00
|
|
|
interface MuteButtonProps {
|
2023-02-07 20:04:50 +00:00
|
|
|
pubkey: HexKey;
|
2023-01-26 11:34:18 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
const MuteButton = ({ pubkey }: MuteButtonProps) => {
|
2023-02-07 20:04:50 +00:00
|
|
|
const { mute, unmute, isMuted } = useModeration();
|
2023-01-26 11:34:18 +00:00
|
|
|
return isMuted(pubkey) ? (
|
|
|
|
<button className="secondary" type="button" onClick={() => unmute(pubkey)}>
|
2023-02-08 21:10:26 +00:00
|
|
|
<FormattedMessage {...messages.Unmute} />
|
2023-01-26 11:34:18 +00:00
|
|
|
</button>
|
|
|
|
) : (
|
2023-02-06 21:42:47 +00:00
|
|
|
<button type="button" onClick={() => mute(pubkey)}>
|
2023-02-08 21:10:26 +00:00
|
|
|
<FormattedMessage {...messages.Mute} />
|
2023-01-26 11:34:18 +00:00
|
|
|
</button>
|
2023-02-07 20:04:50 +00:00
|
|
|
);
|
|
|
|
};
|
2023-01-26 11:34:18 +00:00
|
|
|
|
2023-02-07 20:04:50 +00:00
|
|
|
export default MuteButton;
|