lint-fix

Author: nqviet

jest.config.js

@@ -6,7 +6,7 @@ module.exports = {
   transformIgnorePatterns: ["node_modules/?!(tc-auth-lib)"],
   moduleNameMapper: {
     "\\.(css|scss)$": "identity-obj-proxy",
-    "\\.svg$": "<rootDir>/__mocks__/fileMock.js",
+    "\\.(png|eot|otf|ttf|woff|woff2|svg)$": "<rootDir>/__mocks__/fileMock.js",
   },
   setupFilesAfterEnv: [
     "../node_modules/@testing-library/jest-dom/dist/index.js",

server.js

@@ -1,17 +1,17 @@
 /* global process */
-const express = require('express');
+const express = require("express");
 
 const app = express();
 
 app.use(
   "/navbar",
   express.static("./dist", {
     setHeaders: function setHeaders(res) {
-      res.header('Access-Control-Allow-Origin', '*');
-      res.header('Access-Control-Allow-Methods', 'GET');
+      res.header("Access-Control-Allow-Origin", "*");
+      res.header("Access-Control-Allow-Methods", "GET");
       res.header(
-        'Access-Control-Allow-Headers',
-        'Origin, X-Requested-With, Content-Type, Accept'
+        "Access-Control-Allow-Headers",
+        "Origin, X-Requested-With, Content-Type, Accept"
       );
     },
   })

src/components/Menu/index.jsx

@@ -3,18 +3,18 @@
  *
  * General component to show menu with submenu.
  */
-import React, { Fragment, useCallback, useState } from 'react';
-import { useLocation } from '@reach/router';
-import cn from 'classnames';
-import { includes, map } from 'lodash';
-import NavLink from '../NavLink';
-import './styles.css';
+import React, { Fragment, useCallback, useState } from "react";
+import { useLocation } from "@reach/router";
+import cn from "classnames";
+import { includes, map } from "lodash";
+import NavLink from "../NavLink";
+import "./styles.css";
 
 const SubMenu = ({ option }) => {
   const location = useLocation();
 
   const [isOpen, setIsOpen] = useState(
-    includes(map(option.children, 'path'), location.pathname)
+    includes(map(option.children, "path"), location.pathname)
   );
 
   const toggleOpen = useCallback(() => {
@@ -24,8 +24,8 @@ const SubMenu = ({ option }) => {
   return (
     <>
       <span
-        className={cn('menu-link menu-link-toggle', {
-          'menu-link-toggle-up': isOpen,
+        className={cn("menu-link menu-link-toggle", {
+          "menu-link-toggle-up": isOpen,
         })}
         onClick={toggleOpen}
         role="button"

src/constants/apps.js

@@ -1,52 +1,52 @@
 /**
  * Config for the All Apps menu.
  */
-import appDocumentationIcon from '../assets/images/learn.svg';
-import appTaasIcon from '../assets/images/integrations.svg';
-import appTaasAdminIcon from '../assets/images/taas-admin.png';
-import myteamsIcon from '../assets/images/my-teams.svg';
-import myteamsGreenIcon from '../assets/images/my-teams-green.svg';
-import createTeamIcon from '../assets/images/create-team.svg';
-import createTeamGreenIcon from '../assets/images/create-team-green.svg';
+import appDocumentationIcon from "../assets/images/learn.svg";
+import appTaasIcon from "../assets/images/integrations.svg";
+import appTaasAdminIcon from "../assets/images/taas-admin.png";
+import myteamsIcon from "../assets/images/my-teams.svg";
+import myteamsGreenIcon from "../assets/images/my-teams-green.svg";
+import createTeamIcon from "../assets/images/create-team.svg";
+import createTeamGreenIcon from "../assets/images/create-team-green.svg";
 import earnIcon from "../assets/images/earn.svg";
 
 /**
  * Micro-app categories
  */
 export const APP_CATEGORIES = [
   {
-    category: 'Manage',
+    category: "Manage",
     apps: [
       {
-        title: 'TaaS',
+        title: "TaaS",
         icon: appTaasIcon,
-        path: '/taas',
+        path: "/taas",
         menu: [
           {
-            title: 'My Teams',
-            path: '/taas/myteams',
+            title: "My Teams",
+            path: "/taas/myteams",
             icon: myteamsIcon,
             activeIcon: myteamsGreenIcon,
             isExact: false,
           },
           {
-            title: 'Create New Team',
-            path: '/taas/createnewteam',
+            title: "Create New Team",
+            path: "/taas/createnewteam",
             icon: createTeamIcon,
             activeIcon: createTeamGreenIcon,
             isExact: false,
           },
         ],
       },
       {
-        title: 'TaaS Admin',
+        title: "TaaS Admin",
         icon: appTaasAdminIcon,
-        path: '/taas-admin',
+        path: "/taas-admin",
         menu: [],
-        roles: ["bookingmanager","administrator"],
+        roles: ["bookingmanager", "administrator"],
       },
       {
-        title: 'Documentation',
+        title: "Documentation",
         icon: appDocumentationIcon,
         path: "/model",
         menu: [],
@@ -57,7 +57,7 @@ export const APP_CATEGORIES = [
         path: "/community-admin",
         menu: [],
         roles: ["Community Admin"],
-      }
+      },
     ],
   },
   {

src/constants/notifications.js

@@ -141,9 +141,11 @@ export const EVENT_TYPE = {
   },
   BROADCAST: "admin.notification.broadcast",
   TAAS: {
-    POST_INTERVIEW_ACTION_REQUIRED: 'taas.notification.post-interview-action-required',
-    RESOURCE_BOOKING_EXPIRATION: 'taas.notification.resource-booking-expiration',
-    RESOURCE_BOOKING_PLACED: 'taas.notification.resource-booking-placed',
+    POST_INTERVIEW_ACTION_REQUIRED:
+      "taas.notification.post-interview-action-required",
+    RESOURCE_BOOKING_EXPIRATION:
+      "taas.notification.resource-booking-expiration",
+    RESOURCE_BOOKING_PLACED: "taas.notification.resource-booking-placed",
   },
 };
 
@@ -175,7 +177,7 @@ export const GOTO = {
   TOPCODER_TEAM: `${config.URL.CONNECT_DOMAIN}/projects/{{projectId}}#manageTopcoderTeam`,
   CHALLENGE: `${config.URL.COMMUNITY_DOMAIN}/challenges/{{id}}`,
   TAAS_CANDIDATES_INTERVIEWS: `${config.URL.TAAS_APP}/{{projectId}}/positions/{{jobId}}/candidates/interviews`,
-  TAAS_PROJECT: `${config.URL.TAAS_APP}/{{projectId}}`
+  TAAS_PROJECT: `${config.URL.TAAS_APP}/{{projectId}}`,
 };
 
 // each notification can be displayed differently depend on WHO see them
@@ -1279,7 +1281,7 @@ export const NOTIFICATIONS = [
         text: "Candidate action required for <strong>{{userHandle}}</strong> in job <strong>{{jobTitle}}</strong> of the team <strong>{{teamName}}</strong>",
         shouldBundle: false,
         goTo: GOTO.TAAS_CANDIDATES_INTERVIEWS,
-      }
+      },
     ],
   },
 
@@ -1292,7 +1294,7 @@ export const NOTIFICATIONS = [
         text: "{{numOfExpiringResourceBookings}} resource booking{{s}} {{be}} expiring in the team <strong>{{teamName}}</strong>",
         shouldBundle: false,
         goTo: GOTO.TAAS_PROJECT,
-      }
+      },
     ],
   },
 
@@ -1305,7 +1307,7 @@ export const NOTIFICATIONS = [
         text: "Resource <strong>{{userHandle}}</strong> is placed for the job <strong>{{jobTitle}}</strong> of the team <strong>{{teamName}}</strong>",
         shouldBundle: false,
         goTo: GOTO.TAAS_PROJECT,
-      }
+      },
     ],
   },
 ];

src/containers/NotificationsDropdownContainer/index.jsx

@@ -157,7 +157,9 @@ const NotificationsDropdownContainerView = (props) => {
   if (
     (!isLoading && !initialized && platform == PLATFORM.CONNECT) ||
     (!isLoading && !initialized && platform == PLATFORM.TAAS) ||
-    (!isCommunityLoading && !communityInitialized && platform == PLATFORM.COMMUNITY)
+    (!isCommunityLoading &&
+      !communityInitialized &&
+      platform == PLATFORM.COMMUNITY)
   ) {
     notificationsEmpty = (
       <NotificationsEmpty message="Fail to load notifications">
@@ -545,10 +547,7 @@ class NotificationsDropdownContainer extends React.Component {
   }
 
   componentWillReceiveProps(nextProps) {
-    const {
-      platform: oldPlatform,
-      resetNotifications,
-    } = this.props;
+    const { platform: oldPlatform, resetNotifications } = this.props;
     const { platform } = nextProps;
 
     if (platform !== oldPlatform) {

src/utils/index.js

@@ -20,9 +20,7 @@ export const getLoginUrl = () =>
  * Generate Business Login URL
  */
 export const getBusinessLoginUrl = () =>
-  `${
-    config.URL.AUTH
-  }?regSource=taasApp&mode=login&retUrl=${encodeURIComponent(
+  `${config.URL.AUTH}?regSource=taasApp&mode=login&retUrl=${encodeURIComponent(
     window.location.href.match(/[^?]*/)[0]
   )}`;
 

src/utils/notifications.js

@@ -609,7 +609,7 @@ export const prepareTaaSNotifications = (rawNotifications) => {
   });
 
   return notifications;
-}
+};
 
 // --- Community --- //
 

webpack.config.js

@@ -14,6 +14,9 @@ module.exports = (webpackConfigEnv, options) => {
     disableHtmlGeneration: true,
   });
 
+  const unusedFilesWebpackPlugin = defaultConfig.plugins.find(p => p.constructor.name === "UnusedFilesWebpackPlugin");
+  unusedFilesWebpackPlugin.globOptions.ignore.push("**/assets/icons/*.svg", "**/__mocks__/**");
+
   let cssLocalIdent;
   if (options.mode === "production") {
     cssLocalIdent = "[hash:base64:6]";