Sayali: 🔥 resolve SonarCloud blockers - fix invalid CSS unit and remove re…

src/components/HGNSkillsDashboard/SkillsProfilePage/styles/Skills.module.css

@@ -33,7 +33,7 @@
   color: #168dc0;
 }
 
-@media (max-width: 768px) {
+@media (width <= 768px) {
   .skills {
     width: 100%;
     flex-direction: column;
@@ -43,7 +43,7 @@
   .skills button {
     width: 100%;
     max-width: 80%;
-    font-size: 14x;
+    font-size: 14px;
   }
 }
 

src/components/WeeklySummariesReport/WeeklySummariesReport.jsx

@@ -2,86 +2,86 @@
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable jsx-a11y/label-has-associated-control */
-import { useEffect, useState } from 'react';
+import axios from 'axios';
+import moment from 'moment';
+import 'moment-timezone';
 import PropTypes from 'prop-types';
+import { useEffect, useState } from 'react';
+import { MultiSelect } from 'react-multi-select-component';
 import { connect } from 'react-redux';
+import Select, { components } from 'react-select';
 import { toast } from 'react-toastify';
+import ReactTooltip from 'react-tooltip';
 import {
   Alert,
-  Container,
-  Row,
+  Button,
+  ButtonDropdown,
   Col,
-  TabContent,
-  TabPane,
+  Container,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+  Input,
   Nav,
   NavItem,
   NavLink,
-  Button,
-  Input,
+  Row,
   Spinner,
-  ButtonDropdown,
-  DropdownToggle,
-  DropdownMenu,
-  DropdownItem,
+  TabContent,
+  TabPane,
 } from 'reactstrap';
-import ReactTooltip from 'react-tooltip';
-import { MultiSelect } from 'react-multi-select-component';
-import Select, { components } from 'react-select';
-import moment from 'moment';
 import { boxStyle, boxStyleDark } from '~/styles';
-import 'moment-timezone';
-import axios from 'axios';
 
-import { ENDPOINTS } from '~/utils/URL';
 import EditableInfoModal from '~/components/UserProfile/EditableModal/EditableInfoModal';
-import { getAllUserTeams, getAllTeamCode } from '../../actions/allTeamsAction';
-import TeamChart from './TeamChart';
-import SkeletonLoading from '../common/SkeletonLoading';
-import { getWeeklySummariesReport } from '../../actions/weeklySummariesReport';
+import { ENDPOINTS } from '~/utils/URL';
+import { getAllTeamCode, getAllUserTeams } from '../../actions/allTeamsAction';
 import {
   updateOneSummaryReport,
-  updateSummaryReportFromServerAction,
   updateSummaryReport,
+  updateSummaryReportFromServerAction,
 } from '../../actions/weeklySummaries';
+import { getWeeklySummariesReport } from '../../actions/weeklySummariesReport';
+import SkeletonLoading from '../common/SkeletonLoading';
+import TeamChart from './TeamChart';
 
 import {
-  getSavedFilters,
   createSavedFilter,
   deleteSavedFilter,
+  getSavedFilters,
   updateSavedFilter,
-  updateSavedFiltersForTeamCodeChange,
   updateSavedFiltersForIndividualTeamCodeChange,
+  updateSavedFiltersForTeamCodeChange,
 } from '../../actions/savedFilterActions';
 
 import 'react-toastify/dist/ReactToastify.css';
-import WeeklySummaryRecipientsPopup from './WeeklySummaryRecepientsPopup';
-import FormattedReport from './FormattedReport';
-import GeneratePdfReport from './GeneratePdfReport';
-import hasPermission from '../../utils/permissions';
-import { getInfoCollections } from '../../actions/information';
 import { fetchAllBadges } from '../../actions/badgeManagement';
-import PasswordInputModal from './PasswordInputModal';
-import { showTrophyIcon } from '../../utils/anniversaryPermissions';
-import SelectTeamPieChart from './SelectTeamPieChart';
+import { getInfoCollections } from '../../actions/information';
 import { setTeamCodes } from '../../actions/teamCodes';
+import { showTrophyIcon } from '../../utils/anniversaryPermissions';
+import hasPermission from '../../utils/permissions';
 import CreateFilterModal from './components/CreateFilterModal';
-import UpdateFilterModal from './components/UpdateFilterModal';
 import SelectFilterModal from './components/SelectFilterModal';
+import UpdateFilterModal from './components/UpdateFilterModal';
+import FormattedReport from './FormattedReport';
+import GeneratePdfReport from './GeneratePdfReport';
+import PasswordInputModal from './PasswordInputModal';
+import SelectTeamPieChart from './SelectTeamPieChart';
 import styles from './WeeklySummariesReport.module.css';
+import WeeklySummaryRecipientsPopup from './WeeklySummaryRecepientsPopup';
 // Keeping this block commented intentionally for future reference
 // import { setField, toggleField, removeItemFromField, setChildField } from '~/utils/stateHelper';
 import { setField } from '~/utils/stateHelper';
 import WeeklySummariesToggleFilter from './components/WeeklySummariesToggleFilter';
 // Keeping this block commented intentionally for future reference —
-import { SlideToggle } from './components';
 import cn from 'classnames';
+import { getCustomStyles } from '~/utils/reactSelectStyles'; //  Import Styles
 import {
-  useGetWeeklySummariesFiltersQuery,
   useDeleteWeeklySummariesFilterMutation,
+  useGetWeeklySummariesFiltersQuery,
   useUpdateFiltersWithIndividualCodesChangeMutation,
   useUpdateFiltersWithReplacedTeamCodesMutation,
 } from '../../actions/weeklySummariesFilterAction';
-import { getCustomStyles } from '~/utils/reactSelectStyles'; //  Import Styles
+import { SlideToggle } from './components';
 
 const navItems = ['This Week', 'Last Week', 'Week Before Last', 'Three Weeks Ago'];
 const fullCodeRegex = /^.{5,7}$/;
@@ -1606,9 +1606,8 @@ const WeeklySummariesReport = props => {
           props.getSavedFilters();
         }, 1000);
       }
-      return null;
     } catch (error) {
-      return null;
+      // no return needed
     }
   };