refactor(sharing): avoid nested template literals

This improves readability. I also rename a variable to avoid duplicate
between global scope and useEffect scope.

1 files changed, 2 insertions, 4 deletions

diff --git a/src/components/Form/Form.tsx b/src/components/Form/Form.tsx
index dd1bc63..048219c 100644
--- a/src/components/Form/Form.tsx
+++ b/src/components/Form/Form.tsx
@@ -10,10 +10,8 @@ const Form = ({
   submitHandler: any;
   modifier?: string;
 }) => {
-  const classes =
-    modifier !== ''
-      ? `${styles.wrapper} ${styles[`wrapper--${modifier}`]}`
-      : styles.wrapper;
+  const withModifier = modifier ? `wrapper--${modifier}` : '';
+  const classes = `${styles.wrapper} ${withModifier}`;
 
   return (
     <form onSubmit={submitHandler} className={classes}>