fix: Modify style converter that manipulates value of className property

youthfulhps · Dec 10, 2023 · 97f5a04 · 97f5a04
1 parent 6e1979e
commit 97f5a04
Showing 1 changed file with 22 additions and 20 deletions.
diff --git a/src/helpers/css-converter/index.ts b/src/helpers/css-converter/index.ts
@@ -9,26 +9,28 @@ import {
 export function convertStyles(styles: StyleRule[]) {
   const rules = preprocessShorthand(styles);
 
-  return rules.reduce((combinedStyles, rule) => {
-    const selectors = convertSelector(rule.selectors);
-    const utilities = rule.declarations.map((declaration: StyleDeclaration) =>
-      convertCss(declaration),
-    );
-
-    return (
-      combinedStyles +
-      selectors.reduce(
-        (combinedSelectors, selector) =>
-          combinedSelectors +
-          utilities.reduce(
-            (combinedUtilities: string, util: string) =>
-              combinedUtilities + `${selector}${selector ? ':' : ''}${util} `,
-            '',
-          ),
-        '',
-      )
-    );
-  }, '');
+  return rules
+    .reduce((combinedStyles, rule) => {
+      const selectors = convertSelector(rule.selectors);
+      const utilities = rule.declarations.map((declaration: StyleDeclaration) =>
+        convertCss(declaration),
+      );
+
+      return (
+        combinedStyles +
+        selectors.reduce(
+          (combinedSelectors, selector) =>
+            combinedSelectors +
+            utilities.reduce(
+              (combinedUtilities: string, util: string) =>
+                combinedUtilities + `${selector}${selector ? ':' : ''}${util} `,
+              '',
+            ),
+          '',
+        )
+      );
+    }, '')
+    .trimEnd();
 }
 
 export function convertSelector(selectors: string[]) {