20 lines
566 B
TypeScript
20 lines
566 B
TypeScript
|
import React from 'react';
|
||
|
|
|
||
|
|
import StillImage from 'soapbox/components/still_image';
|
||
|
|
|
||
|
|
import type { Account as AccountEntity } from 'soapbox/types/entities';
|
||
|
|
|
||
|
|
interface IAvatarOverlay {
|
||
|
|
account: AccountEntity,
|
||
|
|
friend: AccountEntity,
|
||
|
|
}
|
||
|
|
|
||
|
|
const AvatarOverlay: React.FC<IAvatarOverlay> = ({ account, friend }) => (
|
||
|
|
<div className='account__avatar-overlay'>
|
||
|
|
<StillImage src={account.avatar} className='account__avatar-overlay-base' />
|
||
|
|
<StillImage src={friend.avatar} className='account__avatar-overlay-overlay' />
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default AvatarOverlay;
|