♻️ Pass props to SmileyBox component

varianter · Dec 12, 2024 · 794d4e7 · 794d4e7
1 parent 3e50ed2
commit 794d4e7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/sections/learning/Learning.tsx b/src/components/sections/learning/Learning.tsx
@@ -18,7 +18,12 @@ export default function Learning({ section }: LearningProps) {
         {section.basicTitle}
       </Text>
       <div className={styles.content}>
-        <SmileyBox description={section.description} />
+        <SmileyBox
+          description={section.description}
+          smileySide="right"
+          smileyType="shock"
+          backgroundColor="blue"
+        />
         <div className={styles.image}>
           <SanityImage image={section.image} />
         </div>

diff --git a/src/components/smileyBox/SmileyBox.tsx b/src/components/smileyBox/SmileyBox.tsx
@@ -29,18 +29,17 @@ const backgroundColors = {
 } as const;
 
 type SmileyBoxProps = {
-  background?: "dark" | "light";
   backgroundColor?: keyof typeof backgroundColors;
   smileyType?: keyof typeof smileys;
   smileySide?: "left" | "right";
   description: string;
 };
 
 export default function SmileyBox({
-  description,
   backgroundColor,
   smileySide,
   smileyType,
+  description,
 }: SmileyBoxProps) {
   const smiley = smileys[smileyType ?? "happy"];
   const cssVariables = {