refactor: apply BEM naming in RefreshButton component

githru · Sep 9, 2024 · b41eacf · b41eacf
1 parent 0a7e764
commit b41eacf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/view/src/components/RefreshButton/RefreshButton.scss b/packages/view/src/components/RefreshButton/RefreshButton.scss
@@ -3,7 +3,7 @@
   height: 30px;
 }
 
-.refresh-button-icon {
+.refresh-button__icon {
   &--loading {
     animation: rotate 2s infinite;
   }

diff --git a/packages/view/src/components/RefreshButton/RefreshButton.tsx b/packages/view/src/components/RefreshButton/RefreshButton.tsx
@@ -26,7 +26,7 @@ const RefreshButton = () => {
       sx={{ color: "white" }}
     >
       <ReplayCircleFilledRoundedIcon
-        className={cn("refresh-button-icon", { "refresh-button-icon--loading": loading })}
+        className={cn("refresh-button__icon", { "refresh-button__icon--loading": loading })}
       />
     </IconButton>
   );