fix: code smells

src/themes/styles.ts

@@ -87,10 +87,12 @@ const borderRadiusTop = (topRadius = 0) => css`
   border-top-right-radius: ${topRadius}px;
 `;
 
-const borderRadius = radius =>
-  css`
-    border-radius: ${radius + `${typeof radius === `string` ? `;` : `px`}`};
+const borderRadius = (radius: string | number) => {
+  const unit = typeof radius === 'string' ? '' : 'px';
+  return css`
+    border-radius: ${radius}${unit};
   `;
+};
 
 const borderWithRadius = (width = 1, type = "solid", color = "#ccc", radius = 0) =>
   css`

src/utils/index.ts

@@ -1,17 +1,20 @@
 import pickBy from "lodash-es/pickBy";
 import camelCase from "lodash-es/camelCase";
 
-export const mapKeysDeep = (obj, fn) =>
-  Array.isArray(obj)
-    ? obj.map(val => mapKeysDeep(val, fn))
-    : typeof obj === "object"
-    ? Object.keys(obj).reduce((acc, current) => {
-        const key = fn(current);
-        const val = obj[current];
-        acc[key] = val !== null && typeof val === "object" ? mapKeysDeep(val, fn) : val;
-        return acc;
-      }, {})
-    : obj;
+export const mapKeysDeep = (obj, fn) => {
+  if (Array.isArray(obj)) {
+    return obj.map(val => mapKeysDeep(val, fn));
+  } else if (typeof obj === "object") {
+    return Object.keys(obj).reduce((acc, current) => {
+      const key = fn(current);
+      const val = obj[current];
+      acc[key] = val !== null && typeof val === "object" ? mapKeysDeep(val, fn) : val;
+      return acc;
+    }, {});
+  } else {
+    return obj;
+  }
+};
 
 export const isLocal = () => {
   try {