VerificationBadge: use tsx, add className prop

purgecss
Alex Gleason 2022-03-07 12:42:00 -06:00
rodzic 2c97aa8d11
commit e7ed56127f
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
1 zmienionych plików z 9 dodań i 3 usunięć

Wyświetl plik

@ -1,3 +1,5 @@
import classNames from 'classnames';
import { Map as ImmutableMap } from 'immutable';
import React from 'react';
import { useIntl, defineMessages } from 'react-intl';
import { useSelector } from 'react-redux';
@ -8,11 +10,15 @@ const messages = defineMessages({
verified: { id: 'account.verified', defaultMessage: 'Verified Account' },
});
const VerificationBadge = () => {
interface IVerificationBadge {
className?: string,
}
const VerificationBadge = ({ className }: IVerificationBadge) => {
const intl = useIntl();
// Prefer a custom icon if found
const customIcon = useSelector(state => state.getIn(['soapbox', 'verifiedIcon']));
const customIcon = useSelector((state: ImmutableMap<string, any>) => state.getIn(['soapbox', 'verifiedIcon']));
const icon = customIcon || require('icons/verified.svg');
// Render component based on file extension
@ -20,7 +26,7 @@ const VerificationBadge = () => {
return (
<span className='verified-icon'>
<Icon src={icon} alt={intl.formatMessage(messages.verified)} />
<Icon className={classNames(className)} src={icon} alt={intl.formatMessage(messages.verified)} />
</span>
);
};