38 lines
949 B
TypeScript
38 lines
949 B
TypeScript
import type { List } from 'immutable';
|
|
|
|
import type { CustomEmoji } from '../models/custom_emoji';
|
|
import type { Status } from '../models/status';
|
|
|
|
import { EmojiHTML } from './emoji/html';
|
|
import { StatusBanner, BannerVariant } from './status_banner';
|
|
|
|
export const ContentWarning: React.FC<{
|
|
status: Status;
|
|
expanded?: boolean;
|
|
onClick?: () => void;
|
|
}> = ({ status, expanded, onClick }) => {
|
|
const hasSpoiler = !!status.get('spoiler_text');
|
|
if (!hasSpoiler) {
|
|
return null;
|
|
}
|
|
|
|
const text =
|
|
status.getIn(['translation', 'spoilerHtml']) || status.get('spoilerHtml');
|
|
if (typeof text !== 'string' || text.length === 0) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<StatusBanner
|
|
expanded={expanded}
|
|
onClick={onClick}
|
|
variant={BannerVariant.Warning}
|
|
>
|
|
<EmojiHTML
|
|
as='span'
|
|
htmlString={text}
|
|
extraEmojis={status.get('emoji') as List<CustomEmoji>}
|
|
/>
|
|
</StatusBanner>
|
|
);
|
|
};
|