move device specific warning to top

This commit is contained in:
Brandon Egger 2023-04-09 23:13:06 -05:00
parent 1b59547f87
commit 32a4485526

View File

@ -81,17 +81,17 @@ export const ResourceInfo = ({resource, showMoreInfo}: {resource: AuditoryResour
export const ResourceDescription = ({manufacturer, description}: {manufacturer: null | Manufacturer, description: string}) => {
return (
<div className="h-full flex flex-col">
<div className="p-2">
<p>{description}</p>
</div>
{ manufacturer?.required ?
<div className="bg-neutral-600 border-t-[4px] border-neutral-700 p-2">
<h3 className="text-sm font-bold text-neutral-100">IMPORTANT</h3>
<p className="text-sm text-neutral-300">
This resource requires additional hardware from the manufacturer.
This resource requires the patient to have a {manufacturer.name} device.
</p>
</div>
: undefined}
<div className="p-2">
<p>{description}</p>
</div>
</div>
)
}