fix(lint): fixed lint errors

Author: priscilawebdev

.eslintignore

@@ -12,4 +12,3 @@ Dockerfile
 *.scss
 *.png
 doc
-~/.volta

.vscode/settings.json

@@ -1,54 +1,10 @@
 {
-// 	"files.exclude": {
-// 	  "**/*.pyc": true,
-// 	  "**/*.min.js": true,
-// 	  "**/*.js.map": true,
-// 	  "/static/": true,
-// 	  "node_modules": true,
-// 	  "htmlcov": true,
-// 	  "build": true,
-// 	  "*.log": true,
-// 	  "*.egg-info": true,
-// 	  "src/sentry/locale": true,
-// 	  "src/sentry/static/sentry/dist/": true
-// 	},
-// 	"search.followSymlinks": false,
-// 	"files.trimTrailingWhitespace": true,
-// 	"files.trimFinalNewlines": true,
-// 	"files.insertFinalNewline": true,
-
-	"eslint.options": {
-	  "configFile": ".eslintrc.js"
-	},
-
-	"files.associations": {
-	  "*.jsx": "javascriptreact"
-	},
-
-	"[javascript]": {
-	  "editor.formatOnSave": true
-	},
-
-	"[typescript]": {
-	  "editor.formatOnSave": true
-	},
-
-	"[typescriptreact]": {
-	  "editor.formatOnSave": true
-	},
-
-// 	"[javascriptreact]": {
-// 	  "editor.formatOnSave": true
-// 	},
-
-// 	"[less]": {
-// 	  "editor.formatOnSave": true
-// 	},
-
-// 	"[python]": {
-// 	  "editor.formatOnSave": true
-// 	},
-
-// 	"[html]": {
-// 	  "editor.formatOnSave": false
-}
+	"eslint.packageManager": "yarn",
+	"eslint.validate": [
+		"javascript",
+		"javascriptreact",
+		"typescript",
+		"typescriptreact"
+	],
+	"typescript.tsdk": "node_modules/typescript/lib"
+} 

package.json

@@ -19,8 +19,8 @@
     "@commitlint/config-conventional": "8.3.4",
     "@emotion/core": "10.0.22",
     "@emotion/styled": "10.0.23",
-    "@material-ui/core": "4.9.5",
-    "@material-ui/icons": "4.9.1",
+    "@material-ui/core": "4.8.0",
+    "@material-ui/icons": "4.5.1",
     "@octokit/rest": "16.35.2",
     "@testing-library/jest-dom": "4.2.4",
     "@testing-library/react": "9.4.0",

src/components/Author/styles.ts

@@ -6,7 +6,7 @@ import ListItemText from '../../muiComponents/ListItemText';
 import { Theme } from '../../design-tokens/theme';
 
 export const StyledText = styled(Text)<{ theme?: Theme }>(props => ({
-  fontWeight: props.theme && props.theme.fontWeight.bold 
+  fontWeight: props.theme && props.theme.fontWeight.bold,
 }));
 
 export const AuthorListItem = styled(ListItem)({

src/components/Dependencies/Dependencies.tsx

@@ -34,11 +34,11 @@ const DependencyBlock: React.FC<DependencyBlockProps> = ({ title, dependencies }
         <Tags>
           {deps.map(([name, version]) => (
             <Tag
-              key={name}
               className={'dep-tag'}
               clickable={true}
+              key={name}
               label={t('dependencies.dependency-block', { package: name, version })}
-              // eslint-disable-next-line 
+              // eslint-disable-next-line
               onClick={() => handleClick(name)}
             />
           ))}

src/components/DetailContainer/DetailContainerContent.tsx

@@ -8,7 +8,7 @@ import DetailContainerContentReadme from './DetailContainerContentReadme';
 import { TabPosition } from './tabs';
 
 interface Props {
-  tabPosition: number;
+  tabPosition: TabPosition;
   readDescription?: string;
 }
 

src/components/DetailContainer/DetailContainerTabs.tsx

@@ -14,7 +14,12 @@ const DetailContainerTabs: React.FC<Props> = ({ tabPosition, onChange }) => {
   const { t } = useTranslation();
 
   return (
-    <Tabs indicatorColor={'primary'} onChange={onChange} textColor={'primary'} value={tabPosition} variant={'fullWidth'}>
+    <Tabs
+      indicatorColor={'primary'}
+      onChange={onChange}
+      textColor={'primary'}
+      value={tabPosition}
+      variant={'fullWidth'}>
       <Tab data-testid={'readme-tab'} label={t('tab.readme')} />
       <Tab data-testid={'dependencies-tab'} label={t('tab.dependencies')} />
       <Tab data-testid={'versions-tab'} label={t('tab.versions')} />

src/components/DetailSidebar/DetailSidebarTitle.tsx

@@ -28,7 +28,9 @@ const DetailSidebarTitle: React.FC<Props> = ({ description, packageName, version
     <Box className={'detail-info'} display="flex" flexDirection="column" marginBottom="8px">
       <StyledHeading>{packageName}</StyledHeading>
       {description && <div>{description}</div>}
-      <StyledBoxVersion>{isLatest ? t('sidebar.detail.latest-version', { version }) : t('sidebar.detail.version', { version })}</StyledBoxVersion>
+      <StyledBoxVersion>
+        {isLatest ? t('sidebar.detail.latest-version', { version }) : t('sidebar.detail.version', { version })}
+      </StyledBoxVersion>
     </Box>
   );
 };

src/components/Developers/DevelopersTitle.tsx

@@ -26,5 +26,5 @@ export default DevelopersTitle;
 
 const StyledText = styled(Text)<{ theme?: Theme }>(({ theme }) => ({
   fontWeight: theme && theme.fontWeight.bold,
-  marginBottom: '10px'
+  marginBottom: '10px',
 }));

src/components/Header/Header.test.tsx

@@ -123,7 +123,9 @@ describe('<Header /> component with logged in state', () => {
     const closeBtn = await waitForElement(() => getByText(translationEN.button.close));
     fireEvent.click(closeBtn);
 
-    const hasRegistrationInfoModalBeenRemoved = await waitForElementToBeRemoved(() => queryByTestId('registryInfo--dialog'));
+    const hasRegistrationInfoModalBeenRemoved = await waitForElementToBeRemoved(() =>
+      queryByTestId('registryInfo--dialog')
+    );
     expect(hasRegistrationInfoModalBeenRemoved).toBeTruthy();
     test.todo('autocompletion should display suggestions according to the type value');
   });