Small refactor to the risk table

UniversityOfHelsinkiCS · Jun 27, 2024 · ac3077b · ac3077b
1 parent b5579c1
commit ac3077b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 27 deletions.
diff --git a/src/client/components/ResultPage/CountryRisks.tsx b/src/client/components/ResultPage/CountryRisks.tsx
diff --git a/src/client/components/ResultPage/RiskTable.tsx b/src/client/components/ResultPage/RiskTable.tsx
@@ -15,8 +15,7 @@ import getCountryRiskTexts from '../../util/getCountryRiskTexts'
 import RiskElement from './RiskElement'
 
 import styles from '../../styles'
-import { CountryData, RiskData } from '../../types'
-import CountryRisks from './CountryRisks'
+import { CountryData, Risk, RiskData } from '../../types'
 import { globalNorthCountries } from '../../util/countryLists'
 import useCountries from '../../hooks/useCountries'
 import useResults from '../../hooks/useResults'
@@ -117,7 +116,15 @@ const RiskTable = ({
                     level={countryRisk.level}
                     infoText={countryInfoText}
                   />
-                  <CountryRisks countryRisks={countryRisksWithTexts} />
+                  {countryRisksWithTexts.map((risk: Risk) => (
+                    <RiskElement
+                      key={risk.id}
+                      level={risk.level}
+                      title={risk.title}
+                      infoText={risk.infoText}
+                      style={{ paddingLeft: '30px' }}
+                    />
+                  ))}
                 </>
               )}
               {otherRisksWithTexts?.map(