🐛 Refactoring to follow up PR #1573 comments

client/src/app/pages/reports/reports.tsx

@@ -1,20 +1,16 @@
 import React, { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import {
-  Bullseye,
   Card,
   CardBody,
   CardHeader,
-  CardTitle,
   Flex,
   FlexItem,
   MenuToggle,
   PageSection,
   PageSectionVariants,
   Select,
   SelectOption,
-  Split,
-  SplitItem,
   Stack,
   StackItem,
   Text,
@@ -220,19 +216,9 @@ export const Reports: React.FC = () => {
               <StackItem>
                 <Card>
                   <CardHeader>
-                    <CardTitle>
-                      <Split style={{ marginTop: -3 }}>
-                        <SplitItem>
-                          <Bullseye>
-                            <TextContent>
-                              <Text component="h3">
-                                {t("terms.identifiedRisks")}
-                              </Text>
-                            </TextContent>
-                          </Bullseye>
-                        </SplitItem>
-                      </Split>
-                    </CardTitle>
+                    <TextContent>
+                      <Text component="h3">{t("terms.identifiedRisks")}</Text>
+                    </TextContent>
                   </CardHeader>
                   <CardBody>
                     <IdentifiedRisksTable />

client/src/app/pages/review/review-page.tsx

@@ -125,17 +125,19 @@ const ReviewPage: React.FC = () => {
                 <Text component="h3">{t("terms.assessmentSummary")}</Text>
               </TextContent>
             </CardHeader>
-            <AssessmentLandscape
-              questionnaire={null}
-              assessmentRefs={
-                application?.assessments || archetype?.assessments
-              }
-            />
-            <IdentifiedRisksTable
-              assessmentRefs={
-                application?.assessments || archetype?.assessments
-              }
-            />
+            <CardBody>
+              <AssessmentLandscape
+                questionnaire={null}
+                assessmentRefs={
+                  application?.assessments || archetype?.assessments
+                }
+              />
+              <IdentifiedRisksTable
+                assessmentRefs={
+                  application?.assessments || archetype?.assessments
+                }
+              />
+            </CardBody>
           </Card>
         </PageSection>
       )}

client/src/app/queries/assessments.ts

@@ -231,9 +231,7 @@
         ),
       ].map((archetypeId) => ({
         queryKey: ["archetype", archetypeId],
-        queryFn: () =>
-          archetypeId ? getArchetypeById(archetypeId) : undefined,
-        enabled: !!archetypeId,
+        queryFn: () => getArchetypeById(archetypeId),
       })) || [],
   });