Merge pull request #1304 from layer5io/chore/complete-lint

Chore: Complete lint

Author: leecalcote

package-lock.json

@@ -12,4 +12,4 @@ describe('PeopleIcon', () => {
     expect(svgElement.getAttribute('width')).toBe('24');
     expect(svgElement.getAttribute('height')).toBe('24');
   });
-});
+});

src/__testing__/PeopleIcon.test.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import _ from 'lodash';
 import { MUIDataTableColumn } from '@sistent/mui-datatables';
+import _ from 'lodash';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { PublishIcon } from '../../icons';
 import { CHARCOAL } from '../../theme';

src/custom/CatalogDesignTable/CatalogDesignTable.tsx

@@ -73,4 +73,4 @@ const ChallengesSection: React.FC<ChallengesSectionProps> = ({ filteredAcademyDa
   );
 };
 
-export default ChallengesSection;
+export default ChallengesSection;

src/custom/CatalogDetail/ChallengesSection.tsx

@@ -147,7 +147,13 @@ const ActionButtonCard = ({
             <CustomComponentWrapper>{customComponent}</CustomComponentWrapper>
             {actionButton && (
               <CardActions>
-                <Button disabled={disabled} size="large" variant="contained" href={href} onClick={onClick}>
+                <Button
+                  disabled={disabled}
+                  size="large"
+                  variant="contained"
+                  href={href}
+                  onClick={onClick}
+                >
                   {btnTitle}
                 </Button>
               </CardActions>
@@ -193,7 +199,13 @@ const ActionButtonCard = ({
           <CustomComponentWrapper>{customComponent}</CustomComponentWrapper>
           {actionButton && (
             <CardActions>
-              <Button disabled={disabled} size="large" variant="contained" href={href} onClick={onClick}>
+              <Button
+                disabled={disabled}
+                size="large"
+                variant="contained"
+                href={href}
+                onClick={onClick}
+              >
                 {showProgress ? (percentage === 100 ? 'Revisit' : btnTitle) : btnTitle}
               </Button>
             </CardActions>

src/custom/DashboardWidgets/GettingStartedWidget/ActionButtonCard.tsx

@@ -206,7 +206,7 @@ const DesignCard: React.FC<DesignCardProps> = ({
                   {resources.map((item) => (
                     <ResourceItem key={item.link}>
                       <Box sx={{ flexShrink: 0, display: 'flex', alignItems: 'center' }}>
-                           {item.icon}
+                        {item.icon}
                       </Box>
                       <ResourceLink href={item.link}>{item.name}</ResourceLink>
 

src/custom/DashboardWidgets/RecentDesignWidget.tsx

@@ -273,7 +273,7 @@ const PerformersSection: React.FC<PerformersSectionProps> = ({
           </Box>
           {onOpenLeaderboard && (
             <div>
-              <Button variant="contained" size='large' onClick={() => onOpenLeaderboard()}>
+              <Button variant="contained" size="large" onClick={() => onOpenLeaderboard()}>
                 <TropyIcon
                   style={{
                     height: '2rem',

src/custom/PerformersSection/PerformersSection.tsx

@@ -23,7 +23,7 @@ const PerformersSectionButton: React.FC<PerformersSectionButtonProps> = ({ open,
         <Button
           variant="contained"
           onClick={handleClick}
-          size='large'
+          size="large"
           style={{
             backgroundColor: open ? undefined : theme.palette.background.constant?.disabled
           }}

src/custom/PerformersSection/PerformersToogleButton.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { SxProps, Theme } from '@mui/material';
+import React from 'react';
 import { Box, Button, Card, CardActions, CardContent, Typography } from '../../base';
 
 export interface StyledCardProps {
@@ -43,7 +43,7 @@ function StyledCard({
           </Box>
           {btntitle && (
             <CardActions>
-              <Button variant="contained" size='large' onClick={onclick} disabled={disabled}>
+              <Button variant="contained" size="large" onClick={onclick} disabled={disabled}>
                 {btntitle}
               </Button>
             </CardActions>

src/custom/StyledCard/StyledCard.tsx

@@ -1,14 +1,12 @@
 import { styled } from '@mui/material';
 import { Link, ListItem } from '../../base';
 
-export const backgroundImg = styled('div')<{ backgroundImage?: string }>(
-  ({ backgroundImage }) => ({
-    backgroundImage: backgroundImage ? `url(${backgroundImage})` : 'none',
-    backgroundPosition: 'right bottom',
-    backgroundSize: 'cover',
-    backgroundRepeat: 'no-repeat'
-  })
-);
+export const backgroundImg = styled('div')<{ backgroundImage?: string }>(({ backgroundImage }) => ({
+  backgroundImage: backgroundImage ? `url(${backgroundImage})` : 'none',
+  backgroundPosition: 'right bottom',
+  backgroundSize: 'cover',
+  backgroundRepeat: 'no-repeat'
+}));
 
 export const CustomCode = styled('code')(() => ({
   backgroundColor: '#212121',