TOP-1390 fix lint errors

topcoder-platform · May 20, 2024 · 7085fa1 · 7085fa1
1 parent 77a9279
commit 7085fa1
Show file tree

Hide file tree

Showing 5 changed files with 60 additions and 56 deletions.
diff --git a/src/shared/components/Dashboard/BlogFeed/index.jsx b/src/shared/components/Dashboard/BlogFeed/index.jsx
@@ -2,11 +2,11 @@
  * Blog Feed component
  */
 
-import LoadingIndicator from "components/LoadingIndicator";
-import PT from "prop-types";
-import React from "react";
-import "./styles.scss";
-import { config } from "topcoder-react-utils";
+import LoadingIndicator from 'components/LoadingIndicator';
+import PT from 'prop-types';
+import React from 'react';
+import './styles.scss';
+import { config } from 'topcoder-react-utils';
 
 export default function BlogFeed({ blogs, loading, theme }) {
   return (
@@ -30,9 +30,16 @@ export default function BlogFeed({ blogs, loading, theme }) {
             <LoadingIndicator />
           </div>
         ) : (
-          blogs.map((blog) => (
-            <div styleName="row" key={`blog-feed-${blog.link}`}>
-              <a href={`${blog.link}`} target="_blank" rel="noreferrer">
+          blogs.map(blog => (
+            <div
+              styleName="row"
+              key={`blog-feed-${blog.link}`}
+            >
+              <a
+                href={`${blog.link}`}
+                target="_blank"
+                rel="noreferrer"
+              >
                 {blog.title}
               </a>
             </div>
@@ -45,11 +52,11 @@ export default function BlogFeed({ blogs, loading, theme }) {
 
 BlogFeed.defaultProps = {
   blogs: [],
-  theme: "light",
+  theme: 'light',
 };
 
 BlogFeed.propTypes = {
   blogs: PT.arrayOf(PT.shape()),
   loading: PT.bool.isRequired,
-  theme: PT.oneOf(["dark", "light"]),
+  theme: PT.oneOf(['dark', 'light']),
 };
diff --git a/src/shared/components/Dashboard/Challenges/index.jsx b/src/shared/components/Dashboard/Challenges/index.jsx
@@ -1,12 +1,12 @@
-import _ from "lodash";
-import LoadingIndicator from "components/LoadingIndicator";
-import PT from "prop-types";
-import React from "react";
-import qs from "qs";
+import _ from 'lodash';
+import LoadingIndicator from 'components/LoadingIndicator';
+import PT from 'prop-types';
+import React from 'react';
+import qs from 'qs';
 
-import { config } from "topcoder-react-utils";
+import { config } from 'topcoder-react-utils';
 
-import "./styles.scss";
+import './styles.scss';
 
 export default function ChallengesFeed({
   challenges,
@@ -24,7 +24,7 @@ export default function ChallengesFeed({
           href={`${config.URL.CHALLENGES_URL}${
             challengeListingQuery
               ? `?${qs.stringify(challengeListingQuery)}`
-              : ""
+              : ''
           }`}
           target="_blank"
           rel="noreferrer"
@@ -38,7 +38,7 @@ export default function ChallengesFeed({
             <LoadingIndicator />
           </div>
         ) : (
-          (challenges || []).map((challenge) => (
+          (challenges || []).map(challenge => (
             <div styleName="row" key={challenge.id}>
               <a
                 href={`/challenges/${challenge.id}`}
@@ -51,10 +51,8 @@ export default function ChallengesFeed({
                 <span styleName="amount">
                   {`$${_.sum(
                     challenge.prizeSets
-                      .filter((set) => set.type === "placement")
-                      .map((item) =>
-                        _.sum(item.prizes.map((prize) => prize.value))
-                      )
+                      .filter(set => set.type === 'placement')
+                      .map(item => _.sum(item.prizes.map(prize => prize.value))),
                   ).toLocaleString()}`}
                 </span>
               </div>
@@ -68,15 +66,15 @@ export default function ChallengesFeed({
 
 ChallengesFeed.defaultProps = {
   challenges: [],
-  theme: "light",
-  title: "Opportunities",
+  theme: 'light',
+  title: 'Opportunities',
   challengeListingQuery: undefined,
 };
 
 ChallengesFeed.propTypes = {
   challenges: PT.arrayOf(PT.shape()),
   loading: PT.bool.isRequired,
-  theme: PT.oneOf(["dark", "light"]),
+  theme: PT.oneOf(['dark', 'light']),
   title: PT.string,
   challengeListingQuery: PT.shape(),
 };
diff --git a/src/shared/components/Dashboard/TCTime/index.jsx b/src/shared/components/Dashboard/TCTime/index.jsx
@@ -1,10 +1,10 @@
 /**
  * Topcoder Time Component
  */
-import React, { useState, useEffect } from "react";
-import moment from "moment-timezone";
-import darkTheme from "./dark.scss";
-import lightTheme from "./light.scss";
+import React, { useState, useEffect } from 'react';
+import moment from 'moment-timezone';
+import darkTheme from './dark.scss';
+import lightTheme from './light.scss';
 
 const THEMES = {
   dark: darkTheme,
@@ -13,8 +13,8 @@ const THEMES = {
 
 function TopcoderTime() {
   const theme = THEMES.light;
-  let FORMAT = "MMM Do, HH:mm UTC";
-  const TIMEZONE = "America/New_York";
+  let FORMAT = 'MMM Do, HH:mm UTC';
+  const TIMEZONE = 'America/New_York';
   const now = moment.tz(new Date(), TIMEZONE);
   FORMAT += now.utcOffset() / 60;
   const [tcTime, setTCTime] = useState(`${now.format(FORMAT)}`);

diff --git a/src/shared/components/Dashboard/ThriveArticlesFeed/index.jsx b/src/shared/components/Dashboard/ThriveArticlesFeed/index.jsx
@@ -2,10 +2,10 @@
  * Thrive Articles Feed component
  */
 
-import LoadingIndicator from "components/LoadingIndicator";
-import PT from "prop-types";
-import React from "react";
-import "./styles.scss";
+import LoadingIndicator from 'components/LoadingIndicator';
+import PT from 'prop-types';
+import React from 'react';
+import './styles.scss';
 
 export default function ThriveArticlesFeed({ articles, loading, theme }) {
   return (
@@ -24,7 +24,7 @@ export default function ThriveArticlesFeed({ articles, loading, theme }) {
             <LoadingIndicator />
           </div>
         ) : (
-          articles.map((article) => (
+          articles.map(article => (
             <div
               styleName="row"
               key={`thrive-articles-feed-${article.fields.slug}`}
@@ -48,11 +48,11 @@ export default function ThriveArticlesFeed({ articles, loading, theme }) {
 
 ThriveArticlesFeed.defaultProps = {
   articles: [],
-  theme: "light",
+  theme: 'light',
 };
 
 ThriveArticlesFeed.propTypes = {
   articles: PT.arrayOf(PT.shape()),
   loading: PT.bool.isRequired,
-  theme: PT.oneOf(["dark", "light"]),
+  theme: PT.oneOf(['dark', 'light']),
 };
diff --git a/src/shared/containers/Dashboard/index.jsx b/src/shared/containers/Dashboard/index.jsx
@@ -5,24 +5,24 @@
 /**
  * SlashTC index container
  */
-import React, { useEffect } from "react";
-import PT from "prop-types";
-import { connect } from "react-redux";
-import { useMediaQuery } from "react-responsive";
-import { isTokenExpired } from "@topcoder-platform/tc-auth-lib";
-import { config } from "topcoder-react-utils";
-import Viewport from "components/Contentful/Viewport";
-import TopcoderTime from "components/Dashboard/TCTime";
-import ThriveArticlesFeedContainer from "containers/Dashboard/ThriveArticlesFeed";
+import React, { useEffect } from 'react';
+import PT from 'prop-types';
+import { connect } from 'react-redux';
+import { useMediaQuery } from 'react-responsive';
+import { isTokenExpired } from '@topcoder-platform/tc-auth-lib';
+import { config } from 'topcoder-react-utils';
+import Viewport from 'components/Contentful/Viewport';
+import TopcoderTime from 'components/Dashboard/TCTime';
+import ThriveArticlesFeedContainer from 'containers/Dashboard/ThriveArticlesFeed';
 // deprecated with https://topcoder.atlassian.net/browse/CORE-346
 // import GigsFeed from 'containers/Dashboard/GigsFeed';
-import ChallengesFeed from "containers/Dashboard/ChallengesFeed";
-import BlogFeedContainer from "containers/Dashboard/BlogFeed";
-import MetaTags from "components/MetaTags";
+import ChallengesFeed from 'containers/Dashboard/ChallengesFeed';
+import BlogFeedContainer from 'containers/Dashboard/BlogFeed';
+import MetaTags from 'components/MetaTags';
 // deprecated with https://topcoder.atlassian.net/browse/TOP-1390
 // import NewsFeed from './NewsFeed';
-import darkTheme from "./themes/dark.scss";
-import lightTheme from "./themes/light.scss";
+import darkTheme from './themes/dark.scss';
+import lightTheme from './themes/light.scss';
 
 const THEMES = {
   dark: darkTheme,
@@ -33,7 +33,7 @@ const { INNOVATION_CHALLENGES_TAG } = config;
 function SlashTCContainer(props) {
   const theme = THEMES.light;
   const isTabletOrMobile = useMediaQuery({ maxWidth: 768 });
-  const title = "Home | Topcoder";
+  const title = 'Home | Topcoder';
   const challengeListingQuery = {
     search: INNOVATION_CHALLENGES_TAG,
     isInnovationChallenge: true,
@@ -129,8 +129,7 @@ SlashTCContainer.propTypes = {
 };
 
 function mapStateToProps(state) {
-  const profile =
-    state.auth && state.auth.profile ? { ...state.auth.profile } : {};
+  const profile = state.auth && state.auth.profile ? { ...state.auth.profile } : {};
   return {
     profile,
     tokenV3: state.auth.tokenV3,