Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Change the filtered notification count to be in the account avatar (#31262)

Browse source
This commit is contained in:
Renaud Chaput 2024-08-02 15:18:19 +02:00 • committed by GitHub
parent 99c446b7cf
commit cc453f2221
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 37 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/javascript/mastodon/components/avatar.tsx
View file

@ -11,6 +11,8 @@ interface Props {
style?: React.CSSProperties;
inline?: boolean;
animate?: boolean;
counter?: number | string;
counterBorderColor?: string;
}
export const Avatar: React.FC<Props> = ({
@ -19,6 +21,8 @@ export const Avatar: React.FC<Props> = ({
size = 20,
inline = false,
style: styleFromParent,
counter,
counterBorderColor,
}) => {
const { hovering, handleMouseEnter, handleMouseLeave } = useHovering(animate);
@ -43,6 +47,14 @@ export const Avatar: React.FC<Props> = ({
style={style}
>
{src && <img src={src} alt='' />}
{counter && (
<div
className='account__avatar__counter'
style={{ borderColor: counterBorderColor }}
>
{counter}
</div>
)}
</div>
);
};