move device specific warning to top
This commit is contained in:
parent
1b59547f87
commit
32a4485526
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user