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}) => { export const ResourceDescription = ({manufacturer, description}: {manufacturer: null | Manufacturer, description: string}) => {
return ( return (
<div className="h-full flex flex-col"> <div className="h-full flex flex-col">
<div className="p-2">
<p>{description}</p>
</div>
{ manufacturer?.required ? { manufacturer?.required ?
<div className="bg-neutral-600 border-t-[4px] border-neutral-700 p-2"> <div className="bg-neutral-600 border-t-[4px] border-neutral-700 p-2">
<h3 className="text-sm font-bold text-neutral-100">IMPORTANT</h3> <h3 className="text-sm font-bold text-neutral-100">IMPORTANT</h3>
<p className="text-sm text-neutral-300"> <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> </p>
</div> </div>
: undefined} : undefined}
<div className="p-2">
<p>{description}</p>
</div>
</div> </div>
) )
} }