kopia lustrzana https://github.com/Stopka/fedisearch
28 wiersze
1.4 KiB
TypeScript
28 wiersze
1.4 KiB
TypeScript
import React from 'react'
|
|
|
|
const SubscriptionsBadge:React.FC<{ followingCount: number | null, followersCount: number | null }> = (
|
|
{ followingCount, followersCount }
|
|
) => {
|
|
return (
|
|
<div className={'badge subscriptions'}>
|
|
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="eye"
|
|
className="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 576 512">
|
|
<path fill="currentColor"
|
|
d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"/>
|
|
<title>Subscriptions</title>
|
|
</svg>
|
|
<div className={'following'} title={'Following'}>
|
|
<span className={'label'}>Following</span>
|
|
<span className={'value'}>{followingCount !== null ? followingCount : '?'}</span>
|
|
</div>
|
|
<div className={'followers'} title={'Followers'}>
|
|
<span className={'label'}>Followers</span>
|
|
<span className={'value'}>{followersCount !== null ? followersCount : '?'}</span>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default SubscriptionsBadge
|