brandon/uiowaATR
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

integrate custom manufacturer notices to resource table

Browse Source
This commit is contained in:
Brandon Egger 2023-05-09 23:27:03 -05:00
parent 81b03547c7
commit 23cf2d3e01
1 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/ResourceTable.tsx
View File

@ -119,17 +119,30 @@ export const ResourceDescription = ({
manufacturer: null | Manufacturer;
description: string;
}) => {
const ImportantNotice = () => {
if (!manufacturer) {
return <></>;
}
if (!manufacturer.required && !manufacturer.notice) {
return <></>;
}
return (
<div className="border-t-[4px] border-neutral-700 bg-neutral-600 p-2">
<h3 className="text-sm font-bold text-neutral-100">IMPORTANT</h3>
<p className="text-sm text-neutral-300">
{manufacturer.notice
? manufacturer.notice
: `This resource requires the patient to have a ${manufacturer.name} device`}
</p>
</div>
);
};
return (
<div className="flex h-full flex-col">
{manufacturer?.required ? (
<div className="border-t-[4px] border-neutral-700 bg-neutral-600 p-2">
<h3 className="text-sm font-bold text-neutral-100">IMPORTANT</h3>
<p className="text-sm text-neutral-300">
This resource requires the patient to have a {manufacturer.name}{" "}
device
</p>
</div>
) : undefined}
<ImportantNotice />
<div className="p-2">
<p>{description}</p>
</div>