simplify difficulty level return logic

calblueprint · Nov 21, 2024 · 511bf78 · 511bf78
1 parent d5aecbe
commit 511bf78
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/components/DifficultyLevelBar/index.tsx b/components/DifficultyLevelBar/index.tsx
@@ -8,11 +8,12 @@ export default function DifficultyLevelBar({
 }: {
   difficultyLevel: DifficultyLevelEnum;
 }) {
-  return (
-    <div>
-      {difficultyLevel === 'EASY' && <Icon type="easy_bar"></Icon>}
-      {difficultyLevel === 'MODERATE' && <Icon type="moderate_bar"></Icon>}
-      {difficultyLevel === 'HARD' && <Icon type="hard_bar"></Icon>}
-    </div>
-  );
+  if (difficultyLevel === 'EASY') {
+    return <Icon type="easy_bar" />;
+  } else if (difficultyLevel === 'MODERATE') {
+    return <Icon type="moderate_bar" />;
+  } else {
+    // difficultyLevel === 'HARD'
+    return <Icon type="hard_bar" />;
+  }
 }
diff --git a/components/PlantCareDescription/style.ts b/components/PlantCareDescription/style.ts
@@ -12,7 +12,7 @@ export const Title = styled.h2`
 export const CareItem = styled.div`
   display: flex;
   align-items: center;
-  margin-bottom: 0.5rem;
+  margin-bottom: 10px;
 `;
 
 export const IconWrapper = styled.div`