scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: remove redundant jsx fragment

Browse Source
This commit is contained in:
Arvid Norlin
2024-05-28 14:03:51 +02:00
parent a3166923cd
commit 49351e4565
1 changed files with 103 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
components/Loyalty/Blocks/DynamicContent/OverviewTable/index.tsx
View File

@@ -74,111 +74,109 @@ export default function OverviewTable() {
})) }))
return ( return (
<> <div className={styles.container}>
<div className={styles.container}> <div className={styles.intro}>
<div className={styles.intro}> <OverviewTableTitle texts={titleTranslations[Lang.en]} />
<OverviewTableTitle texts={titleTranslations[Lang.en]} /> <p className={styles.preamble}>
<p className={styles.preamble}> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Arcu risus
eiusmod tempor incididunt ut labore et dolore magna aliqua. Arcu quis varius quam quisque id diam vel. Rhoncus urna neque viverra
risus quis varius quam quisque id diam vel. Rhoncus urna neque justo. Mattis aliquam faucibus purus in massa. Id cursus metus aliquam
viverra justo. Mattis aliquam faucibus purus in massa. Id cursus eleifend mi in nulla posuere.
metus aliquam eleifend mi in nulla posuere. </p>
</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> </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>
) )
} }