2022-01-01 19:37:33 +00:00
|
|
|
import React from 'react'
|
2022-09-14 19:16:00 +00:00
|
|
|
import FallbackImage from '../FallbackImage'
|
2022-01-01 19:37:33 +00:00
|
|
|
|
2022-09-14 19:16:00 +00:00
|
|
|
const SoftwareBadge: React.FC<{ softwareName: string | null }> = ({ softwareName }) => {
|
2022-01-01 19:37:33 +00:00
|
|
|
const fallbackImage = '/software/fediverse.svg'
|
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
return (<div className={'software-name'} title={'Software name'}>
|
2022-09-14 19:16:00 +00:00
|
|
|
<FallbackImage className={'icon'}
|
|
|
|
src={softwareName !== null ? `/software/${softwareName}.svg` : fallbackImage}
|
|
|
|
fallbackSrc={fallbackImage}
|
|
|
|
alt={softwareName}
|
|
|
|
title={softwareName}
|
|
|
|
/>
|
|
|
|
<span className={'value'}>{softwareName}</span>
|
|
|
|
</div>)
|
2022-01-01 19:37:33 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
export default SoftwareBadge
|