bc67379c26
* Simplify dispatch map Since none of dispatches are doing any custom transformation, just use a direct map. The number of arguments for the comment function are getting crazy. * Block: pass comment ID for deletion when being blocked.
93 lines
2.5 KiB
JavaScript
93 lines
2.5 KiB
JavaScript
// @flow
|
|
import React from 'react';
|
|
import Button from 'component/button';
|
|
import { BLOCK_LEVEL } from 'constants/comment';
|
|
|
|
type Props = {
|
|
uri: string,
|
|
blockLevel?: string,
|
|
creatorUri?: string,
|
|
isBlocked: boolean,
|
|
isBlockingOrUnBlocking: boolean,
|
|
isToggling: boolean,
|
|
doCommentModUnBlock: (string, boolean) => void,
|
|
doCommentModBlock: (string, ?string, ?Number, boolean) => void,
|
|
doCommentModUnBlockAsAdmin: (string, string) => void,
|
|
doCommentModBlockAsAdmin: (string, ?string, ?string) => void,
|
|
doCommentModUnBlockAsModerator: (string, string, string) => void,
|
|
doCommentModBlockAsModerator: (string, ?string, string, ?string) => void,
|
|
};
|
|
|
|
function ChannelBlockButton(props: Props) {
|
|
const {
|
|
uri,
|
|
blockLevel,
|
|
creatorUri,
|
|
doCommentModUnBlock,
|
|
doCommentModBlock,
|
|
doCommentModUnBlockAsAdmin,
|
|
doCommentModBlockAsAdmin,
|
|
doCommentModUnBlockAsModerator,
|
|
doCommentModBlockAsModerator,
|
|
isBlocked,
|
|
isBlockingOrUnBlocking,
|
|
isToggling,
|
|
} = props;
|
|
|
|
function handleClick() {
|
|
switch (blockLevel) {
|
|
default:
|
|
case BLOCK_LEVEL.SELF:
|
|
if (isBlocked) {
|
|
doCommentModUnBlock(uri, false);
|
|
} else {
|
|
doCommentModBlock(uri, undefined, undefined, false);
|
|
}
|
|
break;
|
|
|
|
case BLOCK_LEVEL.MODERATOR:
|
|
if (creatorUri) {
|
|
if (isBlocked) {
|
|
doCommentModUnBlockAsModerator(uri, creatorUri, '');
|
|
} else {
|
|
doCommentModBlockAsModerator(uri, undefined, creatorUri, undefined);
|
|
}
|
|
}
|
|
break;
|
|
|
|
case BLOCK_LEVEL.ADMIN:
|
|
if (isBlocked) {
|
|
doCommentModUnBlockAsAdmin(uri, '');
|
|
} else {
|
|
doCommentModBlockAsAdmin(uri, undefined, undefined);
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
function getButtonText(blockLevel) {
|
|
switch (blockLevel) {
|
|
default:
|
|
case BLOCK_LEVEL.SELF:
|
|
case BLOCK_LEVEL.ADMIN:
|
|
return isBlocked
|
|
? isBlockingOrUnBlocking
|
|
? __('Unblocking...')
|
|
: __('Unblock')
|
|
: isBlockingOrUnBlocking
|
|
? __('Blocking...')
|
|
: __('Block');
|
|
|
|
case BLOCK_LEVEL.MODERATOR:
|
|
if (isToggling) {
|
|
return isBlocked ? __('Unblocking...') : __('Blocking...');
|
|
} else {
|
|
return isBlocked ? __('Unblock') : __('Block');
|
|
}
|
|
}
|
|
}
|
|
|
|
return <Button button={isBlocked ? 'alt' : 'secondary'} label={getButtonText(blockLevel)} onClick={handleClick} />;
|
|
}
|
|
|
|
export default ChannelBlockButton;
|