Created comibineClasses function to clean up conditional class handling

Author: Satoshi-Sh

components/buttons/ButtonLink/index.js

@@ -1,15 +1,13 @@
 import styles from './ButtonLink.module.scss';
+import { combineClasses } from '@/utils/classnames';
 
 export default function ButtonLink({
   link,
   children,
   customBtnClass,
   openNewTab,
 }) {
-  const buttonClass = customBtnClass
-    ? `${styles.buttonLink} ${styles[customBtnClass]}`
-    : styles.buttonLink;
-
+  const buttonClass = combineClasses(styles.buttonLink, customBtnClass, styles);
   return (
     <a
       href={link}

components/containers/Wrapper/index.js

@@ -1,8 +1,7 @@
 import styles from './Wrapper.module.scss';
+import { combineClasses } from '@/utils/classnames';
 
 export default function Wrapper({ customClass, children }) {
-  const wrapperClass = customClass
-    ? `${styles.wrapper} ${styles[customClass]}`
-    : styles.wrapper;
+  const wrapperClass = combineClasses(styles.wrapper, customClass, styles);
   return <div className={wrapperClass}>{children}</div>;
 }

utils/classnames.js

@@ -0,0 +1,5 @@
+export function combineClasses(baseClass, customClassName, styles) {
+  return customClassName && styles[customClassName]
+    ? `${baseClass} ${styles[customClassName]}`
+    : baseClass;
+}