New moderation tools: block & mute #5572
3 changed files with 0 additions and 95 deletions
|
@ -1,30 +0,0 @@
|
||||||
// @flow
|
|
||||||
import classnames from 'classnames';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
isChannel: boolean,
|
|
||||||
type: string,
|
|
||||||
};
|
|
||||||
|
|
||||||
function ClaimPreviewLoading(props: Props) {
|
|
||||||
const { isChannel, type } = props;
|
|
||||||
return (
|
|
||||||
<li
|
|
||||||
className={classnames('claim-preview__wrapper', {
|
|
||||||
'claim-preview__wrapper--channel': isChannel && type !== 'inline',
|
|
||||||
'claim-preview__wrapper--inline': type === 'inline',
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
<div className={classnames('claim-preview', { 'claim-preview--large': type === 'large' })}>
|
|
||||||
<div className="placeholder media__thumb" />
|
|
||||||
<div className="placeholder__wrapper">
|
|
||||||
<div className="placeholder claim-preview__title" />
|
|
||||||
<div className="placeholder media__subtitle" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default ClaimPreviewLoading;
|
|
|
@ -1,32 +0,0 @@
|
||||||
// @flow
|
|
||||||
import classnames from 'classnames';
|
|
||||||
import React from 'react';
|
|
||||||
import Empty from 'component/common/empty';
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
isChannel: boolean,
|
|
||||||
type: string,
|
|
||||||
};
|
|
||||||
|
|
||||||
function ClaimPreviewNoContent(props: Props) {
|
|
||||||
const { isChannel, type } = props;
|
|
||||||
return (
|
|
||||||
<li
|
|
||||||
className={classnames('claim-preview__wrapper', {
|
|
||||||
'claim-preview__wrapper--channel': isChannel && type !== 'inline',
|
|
||||||
'claim-preview__wrapper--inline': type === 'inline',
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
className={classnames('claim-preview claim-preview--inactive', {
|
|
||||||
'claim-preview--large': type === 'large',
|
|
||||||
'claim-preview__empty': true,
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
<Empty text={__('Nothing found here. Like big tech ethics.')} />
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default ClaimPreviewNoContent;
|
|
|
@ -1,33 +0,0 @@
|
||||||
// @flow
|
|
||||||
import classnames from 'classnames';
|
|
||||||
import React from 'react';
|
|
||||||
import Empty from 'component/common/empty';
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
isChannel: boolean,
|
|
||||||
type: string,
|
|
||||||
message: string,
|
|
||||||
};
|
|
||||||
|
|
||||||
function ClaimPreviewHidden(props: Props) {
|
|
||||||
const { isChannel, type, message } = props;
|
|
||||||
return (
|
|
||||||
<li
|
|
||||||
className={classnames('claim-preview__wrapper', {
|
|
||||||
'claim-preview__wrapper--channel': isChannel && type !== 'inline',
|
|
||||||
'claim-preview__wrapper--inline': type === 'inline',
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
className={classnames('claim-preview claim-preview--inactive claim-preview--empty', {
|
|
||||||
'claim-preview--large': type === 'large',
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
<div className="media__thumb" />
|
|
||||||
<Empty text={message} />
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default ClaimPreviewHidden;
|
|
Loading…
Reference in a new issue