From 49351e4565e095f5a496f35616bf096b69309519 Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Tue, 28 May 2024 14:03:51 +0200
Subject: [PATCH] chore: remove redundant jsx fragment

---
 .../DynamicContent/OverviewTable/index.tsx    | 208 +++++++++---------
 1 file changed, 103 insertions(+), 105 deletions(-)

diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/index.tsx b/components/Loyalty/Blocks/DynamicContent/OverviewTable/index.tsx
index 9ce98a557..af359a9ea 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/index.tsx
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/index.tsx
@@ -74,111 +74,109 @@ export default function OverviewTable() {
   }))
 
   return (
-    <>
-      <div className={styles.container}>
-        <div className={styles.intro}>
-          <OverviewTableTitle texts={titleTranslations[Lang.en]} />
-          <p className={styles.preamble}>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Arcu
-            risus quis varius quam quisque id diam vel. Rhoncus urna neque
-            viverra justo. Mattis aliquam faucibus purus in massa. Id cursus
-            metus aliquam eleifend mi in nulla posuere.
-          </p>
-        </div>
-        <div className={styles.mobileColumns}>
-          <div className={styles.columnHeaderContainer}>
-            <div className={styles.columnHeader}>
-              <Select
-                name={"benefitA"}
-                label={"Level"}
-                items={levelOptions}
-                defaultSelectedKey={selectedLevelA.tier}
-                onSelect={handleSelectChange(setSelectedLevelA)}
-              />
-              <LevelSummary
-                level={
-                  levelsData.levels.find(
-                    (level) => level.tier === selectedLevelA.tier
-                  ) as ComparisonLevel
-                }
-              />
-            </div>
-            <div className={styles.columnHeader}>
-              <Select
-                name={"benefitB"}
-                label={"Level"}
-                items={levelOptions}
-                defaultSelectedKey={selectedLevelB.tier}
-                onSelect={handleSelectChange(setSelectedLevelB)}
-              />
-              <LevelSummary
-                level={
-                  levelsData.levels.find(
-                    (level) => level.tier === selectedLevelB.tier
-                  ) as ComparisonLevel
-                }
-              />
-            </div>
-          </div>
-          <BenefitList levels={[selectedLevelA, selectedLevelB]} />
-        </div>
-        <div className={styles.columns}>
-          <div className={styles.columnHeaderContainer}>
-            <div className={styles.columnHeader}>
-              <Select
-                name={"benefitA"}
-                label={"Level"}
-                items={levelOptions}
-                defaultSelectedKey={selectedLevelA.tier}
-                onSelect={handleSelectChange(setSelectedLevelA)}
-              />
-              <LevelSummary
-                level={
-                  levelsData.levels.find(
-                    (level) => level.tier === selectedLevelA.tier
-                  ) as ComparisonLevel
-                }
-              />
-            </div>
-            <div className={styles.columnHeader}>
-              <Select
-                name={"benefitB"}
-                label={"Level"}
-                items={levelOptions}
-                defaultSelectedKey={selectedLevelB.tier}
-                onSelect={handleSelectChange(setSelectedLevelB)}
-              />
-              <LevelSummary
-                level={
-                  levelsData.levels.find(
-                    (level) => level.tier === selectedLevelB.tier
-                  ) as ComparisonLevel
-                }
-              />
-            </div>
-            <div className={styles.columnHeader}>
-              <Select
-                name={"benefitC"}
-                label={"Level"}
-                items={levelOptions}
-                defaultSelectedKey={selectedLevelC.tier}
-                onSelect={handleSelectChange(setSelectedLevelC)}
-              />
-              <LevelSummary
-                level={
-                  levelsData.levels.find(
-                    (level) => level.tier === selectedLevelC.tier
-                  ) as ComparisonLevel
-                }
-              />
-            </div>
-          </div>
-          <BenefitList
-            levels={[selectedLevelA, selectedLevelB, selectedLevelC]}
-          />
-        </div>
+    <div className={styles.container}>
+      <div className={styles.intro}>
+        <OverviewTableTitle texts={titleTranslations[Lang.en]} />
+        <p className={styles.preamble}>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua. Arcu risus
+          quis varius quam quisque id diam vel. Rhoncus urna neque viverra
+          justo. Mattis aliquam faucibus purus in massa. Id cursus metus aliquam
+          eleifend mi in nulla posuere.
+        </p>
       </div>
-    </>
+      <div className={styles.mobileColumns}>
+        <div className={styles.columnHeaderContainer}>
+          <div className={styles.columnHeader}>
+            <Select
+              name={"benefitA"}
+              label={"Level"}
+              items={levelOptions}
+              defaultSelectedKey={selectedLevelA.tier}
+              onSelect={handleSelectChange(setSelectedLevelA)}
+            />
+            <LevelSummary
+              level={
+                levelsData.levels.find(
+                  (level) => level.tier === selectedLevelA.tier
+                ) as ComparisonLevel
+              }
+            />
+          </div>
+          <div className={styles.columnHeader}>
+            <Select
+              name={"benefitB"}
+              label={"Level"}
+              items={levelOptions}
+              defaultSelectedKey={selectedLevelB.tier}
+              onSelect={handleSelectChange(setSelectedLevelB)}
+            />
+            <LevelSummary
+              level={
+                levelsData.levels.find(
+                  (level) => level.tier === selectedLevelB.tier
+                ) as ComparisonLevel
+              }
+            />
+          </div>
+        </div>
+        <BenefitList levels={[selectedLevelA, selectedLevelB]} />
+      </div>
+      <div className={styles.columns}>
+        <div className={styles.columnHeaderContainer}>
+          <div className={styles.columnHeader}>
+            <Select
+              name={"benefitA"}
+              label={"Level"}
+              items={levelOptions}
+              defaultSelectedKey={selectedLevelA.tier}
+              onSelect={handleSelectChange(setSelectedLevelA)}
+            />
+            <LevelSummary
+              level={
+                levelsData.levels.find(
+                  (level) => level.tier === selectedLevelA.tier
+                ) as ComparisonLevel
+              }
+            />
+          </div>
+          <div className={styles.columnHeader}>
+            <Select
+              name={"benefitB"}
+              label={"Level"}
+              items={levelOptions}
+              defaultSelectedKey={selectedLevelB.tier}
+              onSelect={handleSelectChange(setSelectedLevelB)}
+            />
+            <LevelSummary
+              level={
+                levelsData.levels.find(
+                  (level) => level.tier === selectedLevelB.tier
+                ) as ComparisonLevel
+              }
+            />
+          </div>
+          <div className={styles.columnHeader}>
+            <Select
+              name={"benefitC"}
+              label={"Level"}
+              items={levelOptions}
+              defaultSelectedKey={selectedLevelC.tier}
+              onSelect={handleSelectChange(setSelectedLevelC)}
+            />
+            <LevelSummary
+              level={
+                levelsData.levels.find(
+                  (level) => level.tier === selectedLevelC.tier
+                ) as ComparisonLevel
+              }
+            />
+          </div>
+        </div>
+        <BenefitList
+          levels={[selectedLevelA, selectedLevelB, selectedLevelC]}
+        />
+      </div>
+    </div>
   )
 }