SkalskiP · cuongho2 · Apr 17, 2022 · Apr 17, 2022 · Apr 17, 2022 · Apr 17, 2022
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/index.html b/public/index.html
@@ -1,36 +1,52 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+    <head>
+        <script
+            async
+            src="https://www.googletagmanager.com/gtag/js?id=UA-155837750-1"
+        ></script>
+        <script>
+            window.dataLayer = window.dataLayer || [];
+            function gtag() {
+                dataLayer.push(arguments);
+            }
+            gtag('js', new Date());
 
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-155837750-1"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
+            gtag('config', 'UA-155837750-1');
+        </script>
+        <script>
+            (function (w, d, s, l, i) {
+                w[l] = w[l] || [];
+                w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
+                var f = d.getElementsByTagName(s)[0],
+                    j = d.createElement(s),
+                    dl = l != 'dataLayer' ? '&l=' + l : '';
+                j.async = true;
+                j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+                f.parentNode.insertBefore(j, f);
+            })(window, document, 'script', 'dataLayer', 'GTM-5N6WR7G');
+        </script>
 
-      gtag('config', 'UA-155837750-1');
-    </script>
-    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-              new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','GTM-5N6WR7G');</script>
-
-    <meta charset="utf-8" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/make-sense-ico.png" />
-    <link
-    href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
-    rel="stylesheet" />
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet"
-    integrity="sha384-uWxY/CJNBR+1zjPWmfnSnVxwRheevXITnMqoEIeG1LJrdI0GlVs/9cVSyPYXdcSF" crossorigin="anonymous" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <!--
+        <meta charset="utf-8" />
+        <link rel="shortcut icon" href="%PUBLIC_URL%/make-sense-ico.png" />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
+            rel="stylesheet"
+        />
+        <link
+            href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css"
+            rel="stylesheet"
+            integrity="sha384-uWxY/CJNBR+1zjPWmfnSnVxwRheevXITnMqoEIeG1LJrdI0GlVs/9cVSyPYXdcSF"
+            crossorigin="anonymous"
+        />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="theme-color" content="#000000" />
+        <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+        <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+        <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -39,15 +55,20 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Make Sense</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <noscript>
-      <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5N6WR7G" height="0" width="0" style="display:none;visibility:hidden"></iframe>
-    </noscript>
-    <div id="root"></div>
-    <!--
+        <title>SHOWNIQ Platforms</title>
+    </head>
+    <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <noscript>
+            <iframe
+                src="https://www.googletagmanager.com/ns.html?id=GTM-5N6WR7G"
+                height="0"
+                width="0"
+                style="display: none; visibility: hidden"
+            ></iframe>
+        </noscript>
+        <div id="root"></div>
+        <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -56,6 +77,5 @@
 
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
+    --></body>
 </html>
diff --git a/src/App.scss b/src/App.scss
@@ -9,7 +9,7 @@
     position: relative;
     margin-left: auto;
     margin-right: auto;
-    max-width: 1920px;
+    max-width: 3840px;
 }
 
 .App.AI {

diff --git a/src/views/EditorView/SideNavigationBar/RectLabelsList/RectLabelsList.tsx b/src/views/EditorView/SideNavigationBar/RectLabelsList/RectLabelsList.tsx
@@ -220,26 +220,28 @@ const RectLabelsList: React.FC<IProps> = ({
                     <div className="ItemContainer">
                         {found.styles.map((styleString) => {
                             const style = _.find(
-                                found.gender === GENDER.MAN
-                                    ? FASHION_STYLE_MAN
-                                    : FASHION_STYLE_WOMAN,
+                                FASHION_STYLE,
+                                // to fix https://github.com/choipd/make-sense/issues/9
+                                // found.gender === GENDER.MAN
+                                //     ? FASHION_STYLE_MAN
+                                //     : FASHION_STYLE_WOMAN,
                                 (item) =>
                                     item.name.toUpperCase() ===
                                     styleString.toUpperCase()
                             );
 
                             return getButtonWithTooltip(
-                                `${found.uuid}_${style.name}`,
+                                `${found.uuid}_${style?.name}`,
                                 `${
                                     lang.FASHION_STYLE[
                                         styleString.toLocaleLowerCase()
                                     ]
                                 } (${styleString.toUpperCase()})`,
-                                style.seq === -1
+                                style?.seq === -1
                                     ? Settings.UNKNOWN_URL
                                     : found.gender === GENDER.MAN
-                                    ? `guides/icons/man_style/${style.m}_s.png`
-                                    : `guides/icons/woman_style/${style.f}_s.png`
+                                    ? `guides/icons/man_style/${style?.m}_s.png`
+                                    : `guides/icons/woman_style/${style?.f}_s.png`
                             );
                         })}