feat: slight style improvements (#153)
- Title case hide + show - Correct plurality for "maintenance"pull/161/head
parent
e757e1b970
commit
03445b59fc
|
|
@ -99,12 +99,12 @@ export default function OverallStatus({
|
||||||
{upcomingMaintenances.length > 0 && (
|
{upcomingMaintenances.length > 0 && (
|
||||||
<>
|
<>
|
||||||
<Title mt="4px" style={{ textAlign: 'center', color: '#70778c' }} order={5}>
|
<Title mt="4px" style={{ textAlign: 'center', color: '#70778c' }} order={5}>
|
||||||
{`${upcomingMaintenances.length} upcoming maintenances`}{' '}
|
{`${upcomingMaintenances.length} upcoming ${upcomingMaintenances.length === 1 ? 'maintenance' : 'maintenances'}`}{' '}
|
||||||
<span
|
<span
|
||||||
style={{ textDecoration: 'underline' }}
|
style={{ textDecoration: 'underline', cursor: 'pointer' }}
|
||||||
onClick={() => setExpandUpcoming(!expandUpcoming)}
|
onClick={() => setExpandUpcoming(!expandUpcoming)}
|
||||||
>
|
>
|
||||||
{expandUpcoming ? '[HIDE]' : '[SHOW]'}
|
{expandUpcoming ? '[Hide]' : '[Show]'}
|
||||||
</span>
|
</span>
|
||||||
</Title>
|
</Title>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue