fix: mute buttons

closes #748
This commit is contained in:
2024-09-09 14:27:59 +01:00
parent c515e9837d
commit f2319b074f
7 changed files with 47 additions and 27 deletions

View File

@ -1,24 +1,23 @@
import { HexKey } from "@snort/system";
import { FormattedMessage } from "react-intl";
import useModeration from "@/Hooks/useModeration";
import messages from "../messages";
import AsyncButton from "../Button/AsyncButton";
interface MuteButtonProps {
pubkey: HexKey;
pubkey: string;
}
const MuteButton = ({ pubkey }: MuteButtonProps) => {
const { mute, unmute, isMuted } = useModeration();
return isMuted(pubkey) ? (
<button className="secondary" type="button" onClick={() => unmute(pubkey)}>
<FormattedMessage {...messages.Unmute} />
</button>
<AsyncButton className="secondary" type="button" onClick={() => unmute(pubkey)}>
<FormattedMessage defaultMessage="Unmute" />
</AsyncButton>
) : (
<button type="button" onClick={() => mute(pubkey)}>
<FormattedMessage {...messages.Mute} />
</button>
<AsyncButton type="button" onClick={() => mute(pubkey)}>
<FormattedMessage defaultMessage="Mute" />
</AsyncButton>
);
};