From 9efb571d9ac9471a1d0d0cfba41bc8fe7b5663bc Mon Sep 17 00:00:00 2001
From: johannbm <johannes.bredholt.moskvil@nav.no>
Date: Tue, 29 Aug 2023 14:01:15 +0200
Subject: [PATCH] Remove redundant fragments

---
 .../components/team/ModalContactAllTeams.tsx  | 70 +++++++++----------
 .../components/team/ShortSummarySection.tsx   |  4 +-
 apps/frontend/src/pages/area/ModalArea.tsx    | 47 ++++++-------
 .../src/pages/location/LocationPage.tsx       | 14 ++--
 4 files changed, 64 insertions(+), 71 deletions(-)

diff --git a/apps/frontend/src/components/team/ModalContactAllTeams.tsx b/apps/frontend/src/components/team/ModalContactAllTeams.tsx
index 6b7ccc708..82b17dc90 100644
--- a/apps/frontend/src/components/team/ModalContactAllTeams.tsx
+++ b/apps/frontend/src/components/team/ModalContactAllTeams.tsx
@@ -104,43 +104,41 @@ const getContactAddress = async (productTeam: ProductTeamResponse) => {
 export const ModalContactAllTeams = (properties: ModalTeamProperties) => {
   const { onClose, title, isOpen, teams } = properties;
   return (
-    <>
-      <Modal className={styles.modalStyles} header={{ heading: title }} onClose={onClose} open={isOpen}>
-        <Modal.Body>
-          <Detail
-            className={css`
-              font-size: 16px;
-            `}
+    <Modal className={styles.modalStyles} header={{ heading: title }} onClose={onClose} open={isOpen}>
+      <Modal.Body>
+        <Detail
+          className={css`
+            font-size: 16px;
+          `}
+        >
+          Hvis "Åpne e-postklient" knappen ikke fungerer bruk "Kopier e-poster" knappen og lim disse inn i din
+          e-postklient
+        </Detail>
+        <div
+          className={css`
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+          `}
+        >
+          <Button
+            className={styles.buttonStyle}
+            onClick={async () => {
+              await contactTeamsOutlook(teams);
+            }}
           >
-            Hvis "Åpne e-postklient" knappen ikke fungerer bruk "Kopier e-poster" knappen og lim disse inn i din
-            e-postklient
-          </Detail>
-          <div
-            className={css`
-              display: flex;
-              flex-direction: column;
-              align-items: center;
-            `}
+            Åpne e-postklient
+          </Button>
+          <Button
+            className={styles.buttonStyle}
+            onClick={async () => {
+              await contactTeamsCopy(teams);
+            }}
           >
-            <Button
-              className={styles.buttonStyle}
-              onClick={async () => {
-                await contactTeamsOutlook(teams);
-              }}
-            >
-              Åpne e-postklient
-            </Button>
-            <Button
-              className={styles.buttonStyle}
-              onClick={async () => {
-                await contactTeamsCopy(teams);
-              }}
-            >
-              Kopier e-poster
-            </Button>
-          </div>
-        </Modal.Body>
-      </Modal>
-    </>
+            Kopier e-poster
+          </Button>
+        </div>
+      </Modal.Body>
+    </Modal>
   );
 };
diff --git a/apps/frontend/src/components/team/ShortSummarySection.tsx b/apps/frontend/src/components/team/ShortSummarySection.tsx
index 8c85ecbee..a8c409b6d 100644
--- a/apps/frontend/src/components/team/ShortSummarySection.tsx
+++ b/apps/frontend/src/components/team/ShortSummarySection.tsx
@@ -90,9 +90,7 @@ function TeamOwner(properties: { teamOwner?: Resource; area?: ProductArea }) {
   const teamOwner = properties.teamOwner;
 
   return (
-    <>
-      <TextWithLabel label="Teameier" text={teamOwner ? <TeamOwnerResource resource={teamOwner} /> : "Ingen eier"} />
-    </>
+    <TextWithLabel label="Teameier" text={teamOwner ? <TeamOwnerResource resource={teamOwner} /> : "Ingen eier"} />
   );
 }
 
diff --git a/apps/frontend/src/pages/area/ModalArea.tsx b/apps/frontend/src/pages/area/ModalArea.tsx
index 166fc249f..8006a7a6b 100644
--- a/apps/frontend/src/pages/area/ModalArea.tsx
+++ b/apps/frontend/src/pages/area/ModalArea.tsx
@@ -379,30 +379,29 @@ export const ModalArea = (properties: ModalAreaProperties) => {
                 `}
               >
                 {resourceList.map((rl) => (
-                  <>
-                    <div
-                      className={css`
-                        display: flex;
-                        justify-content: space-between;
-                        align-items: center;
-                        margin-left: 50%;
-                        margin-bottom: 1rem;
-                      `}
-                    >
-                      <BodyShort size="medium">
-                        <b>{rl.fullName}</b> - ({rl.navIdent})
-                      </BodyShort>
-                      <Button
-                        icon={<TrashIcon aria-hidden />}
-                        onClick={() => {
-                          const newArray = resourceList.filter((r) => r.navIdent !== rl.navIdent);
-                          setResourceList([...newArray]);
-                        }}
-                        size="small"
-                        variant="tertiary"
-                      ></Button>
-                    </div>
-                  </>
+                  <div
+                    className={css`
+                      display: flex;
+                      justify-content: space-between;
+                      align-items: center;
+                      margin-left: 50%;
+                      margin-bottom: 1rem;
+                    `}
+                    key={rl.navIdent}
+                  >
+                    <BodyShort size="medium">
+                      <b>{rl.fullName}</b> - ({rl.navIdent})
+                    </BodyShort>
+                    <Button
+                      icon={<TrashIcon aria-hidden />}
+                      onClick={() => {
+                        const newArray = resourceList.filter((r) => r.navIdent !== rl.navIdent);
+                        setResourceList([...newArray]);
+                      }}
+                      size="small"
+                      variant="tertiary"
+                    ></Button>
+                  </div>
                 ))}
               </div>
             </div>
diff --git a/apps/frontend/src/pages/location/LocationPage.tsx b/apps/frontend/src/pages/location/LocationPage.tsx
index 0b2a7d53f..707642b59 100644
--- a/apps/frontend/src/pages/location/LocationPage.tsx
+++ b/apps/frontend/src/pages/location/LocationPage.tsx
@@ -86,14 +86,12 @@ export const LocationPage = () => {
   return (
     <Fragment>
       {!loading && locationBuilding && locationStats && (
-        <>
-          <BuildingInfo
-            locationBuilding={locationBuilding}
-            locationCode={parameters.locationCode || ""}
-            locationStats={locationStats.locationSummaryMap}
-            sectionList={locationBuilding.subLocations || []}
-          />
-        </>
+        <BuildingInfo
+          locationBuilding={locationBuilding}
+          locationCode={parameters.locationCode || ""}
+          locationStats={locationStats.locationSummaryMap}
+          sectionList={locationBuilding.subLocations || []}
+        />
       )}
       {parameters.locationCode && locationSection && locationStats && !loading && (
         <BuildingFloors locationStats={locationStats.locationSummaryMap} section={locationSection} />