37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { FormattedMessage } from "react-intl";
|
|
import { HexKey } from "@snort/nostr";
|
|
import MuteButton from "Element/MuteButton";
|
|
import ProfilePreview from "Element/ProfilePreview";
|
|
import useModeration from "Hooks/useModeration";
|
|
|
|
import messages from "./messages";
|
|
|
|
export interface MutedListProps {
|
|
pubkeys: HexKey[];
|
|
}
|
|
|
|
export default function MutedList({ pubkeys }: MutedListProps) {
|
|
const { isMuted, muteAll } = useModeration();
|
|
const hasAllMuted = pubkeys.every(isMuted);
|
|
|
|
return (
|
|
<div className="main-content">
|
|
<div className="flex mt10">
|
|
<div className="f-grow bold">
|
|
<FormattedMessage {...messages.MuteCount} values={{ n: pubkeys?.length }} />
|
|
</div>
|
|
<button
|
|
disabled={hasAllMuted || pubkeys.length === 0}
|
|
className="transparent"
|
|
type="button"
|
|
onClick={() => muteAll(pubkeys)}>
|
|
<FormattedMessage {...messages.MuteAll} />
|
|
</button>
|
|
</div>
|
|
{pubkeys?.map(a => {
|
|
return <ProfilePreview actions={<MuteButton pubkey={a} />} pubkey={a} options={{ about: false }} key={a} />;
|
|
})}
|
|
</div>
|
|
);
|
|
}
|