fix(Feedback): fixed icon size (#762)

* fix: fixed Feedback icon size * fix: fixed snapshots * fix: reverted package change --------- Co-authored-by: federico.pini <[email protected]>
mia-platform · Dec 13, 2024 · 902ad1a · 902ad1a
1 parent a1cafd3
commit 902ad1a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/src/components/Feedback/Feedback.module.css b/src/components/Feedback/Feedback.module.css
@@ -51,6 +51,11 @@
       }
     }
 
+    & .icon {
+      width: 64px;
+      height: 64px;
+    }
+
     & .spinner {
       display: flex;
       align-items: center;

diff --git a/src/components/Feedback/Feedback.tsx b/src/components/Feedback/Feedback.tsx
@@ -134,7 +134,7 @@ export const Feedback = ({
     }
 
     return (
-      <div data-testid="custom-icon">
+      <div className={styles.icon} data-testid="custom-icon">
         <Icon color={getColor(type, palette)} component={customIcon || getIcon(type)} size={64} />
       </div>
     )

diff --git a/src/components/Feedback/__snapshots__/Feedback.test.tsx.snap b/src/components/Feedback/__snapshots__/Feedback.test.tsx.snap
@@ -9,6 +9,7 @@ exports[`Feedback Component renders a feedback with a badge 1`] = `
       class="content"
     >
       <div
+        class="icon"
         data-testid="custom-icon"
       >
         <svg
@@ -117,6 +118,7 @@ exports[`Feedback Component renders a feedback with a custom icon 1`] = `
       class="content"
     >
       <div
+        class="icon"
         data-testid="custom-icon"
       >
         <svg
@@ -164,6 +166,7 @@ exports[`Feedback Component renders a feedback with a description 1`] = `
       class="content"
     >
       <div
+        class="icon"
         data-testid="custom-icon"
       >
         <svg
@@ -281,6 +284,7 @@ exports[`Feedback Component renders a feedback with an alert 1`] = `
       class="content"
     >
       <div
+        class="icon"
         data-testid="custom-icon"
       >
         <svg
@@ -384,6 +388,7 @@ exports[`Feedback Component renders a feedback with children 1`] = `
       class="content"
     >
       <div
+        class="icon"
         data-testid="custom-icon"
       >
         <svg
@@ -473,6 +478,7 @@ exports[`Feedback Component renders a feedback with icon and title 1`] = `
       class="content"
     >
       <div
+        class="icon"
         data-testid="custom-icon"
       >
         <svg