fix(anni): cpic guideline box showing curated data

hpi-dhc · Jul 5, 2022 · dee0a4b · dee0a4b
1 parent b155dff
commit dee0a4b
Showing 1 changed file with 28 additions and 32 deletions.
diff --git a/annotation-interface/components/annotations/CpicGuidelineBox.tsx b/annotation-interface/components/annotations/CpicGuidelineBox.tsx
@@ -15,37 +15,33 @@ const CpicSection = ({
     </p>
 );
 
-const CpicGuidelineBox = ({ guideline }: { guideline: ServerGuideline }) => {
-    const fields: [string, string | null][] = [
-        ['Comment', guideline.cpicComment],
-        [
-            'Phenotype consultation text',
-            guideline.phenotype.cpicConsultationText,
-        ],
-        ['Implication', guideline.implication],
-        ['Recommendation', guideline.recommendation],
-    ];
-    return (
-        <div className="space-y-4 border border-black border-opacity-10 p-4">
-            <h2 className="font-bold pb-2">
-                CPIC Guideline:{' '}
-                <a
-                    className="underline"
-                    href={guideline.cpicGuidelineUrl}
-                    target="_blank"
-                    rel="noreferrer"
-                >
-                    {guideline.cpicGuidelineName}
-                </a>{' '}
-                ({guideline.cpicClassification})
-            </h2>
-            {fields
-                .filter(([, content]) => content)
-                .map(([title, content], index) => (
-                    <CpicSection key={index} title={title} content={content!} />
-                ))}
-        </div>
-    );
-};
+const fields = (guideline: ServerGuideline): [string, string | null][] => [
+    ['Comment', guideline.cpicComment],
+    ['Phenotype consultation text', guideline.phenotype.cpicConsultationText],
+    ['Implication', guideline.cpicImplication],
+    ['Recommendation', guideline.cpicRecommendation],
+];
+
+const CpicGuidelineBox = ({ guideline }: { guideline: ServerGuideline }) => (
+    <div className="space-y-4 border border-black border-opacity-10 p-4">
+        <h2 className="font-bold pb-2">
+            CPIC Guideline:{' '}
+            <a
+                className="underline"
+                href={guideline.cpicGuidelineUrl}
+                target="_blank"
+                rel="noreferrer"
+            >
+                {guideline.cpicGuidelineName}
+            </a>{' '}
+            ({guideline.cpicClassification})
+        </h2>
+        {fields(guideline)
+            .filter(([, content]) => content)
+            .map(([title, content], index) => (
+                <CpicSection key={index} title={title} content={content!} />
+            ))}
+    </div>
+);
 
 export default CpicGuidelineBox;