cleanup: fix eslint errors

web/src/shared/components/Card/Card.stories.tsx

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
 import { action } from '@storybook/addon-actions';
 import LabelColors from 'shared/constants/labelColors';
-import Card from './index';
+import Card from '.';
 
 export default {
   component: Card,

web/src/shared/components/CardComposer/CardComposer.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { action } from '@storybook/addon-actions';
-import CardComposer from './index';
+import CardComposer from '.';
 
 export default {
   component: CardComposer,

web/src/shared/components/CardComposer/index.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import useOnEscapeKeyDown from 'shared/hooks/onEscapeKeyDown';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
-import TextareaAutosize from 'react-autosize-textarea';
+import useOnOutsideClick from 'shared/hooks/onOutsideClick';
 
 import {
   CardComposerWrapper,
@@ -15,7 +15,6 @@ import {
   ComposerControlsSaveSection,
   ComposerControlsActionsSection,
 } from './Styles';
-import useOnOutsideClick from 'shared/hooks/onOutsideClick';
 
 type Props = {
   isOpen: boolean;

web/src/shared/components/DropdownMenu/DropdownMenu.stories.tsx

@@ -1,8 +1,7 @@
 import React, { createRef, useState } from 'react';
 import styled from 'styled-components';
-import { action } from '@storybook/addon-actions';
 
-import DropdownMenu from './index';
+import DropdownMenu from '.';
 
 export default {
   component: DropdownMenu,

web/src/shared/components/List/List.stories.tsx

@@ -3,7 +3,7 @@ import { action } from '@storybook/addon-actions';
 import Card from 'shared/components/Card';
 import CardComposer from 'shared/components/CardComposer';
 import LabelColors from 'shared/constants/labelColors';
-import List, { ListCards } from './index';
+import List, { ListCards } from '.';
 
 export default {
   component: List,

web/src/shared/components/Lists/Lists.stories.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import Lists from './index';
 import { action } from '@storybook/addon-actions';
+import Lists from '.';
 
 export default {
   component: Lists,

web/src/shared/components/Lists/Styles.ts

@@ -9,3 +9,5 @@ export const Container = styled.div`
   overflow-y: hidden;
   padding-bottom: 8px;
 `;
+
+export default Container;

web/src/shared/components/Lists/index.tsx

@@ -1,9 +1,7 @@
 import React, { useState } from 'react';
 import { DragDropContext, Droppable, Draggable, DropResult } from 'react-beautiful-dnd';
-
 import List, { ListCards } from 'shared/components/List';
 import Card from 'shared/components/Card';
-import { Container } from './Styles';
 import CardComposer from 'shared/components/CardComposer';
 import {
   isPositionChanged,
@@ -12,6 +10,8 @@ import {
   getAfterDropDraggableList,
 } from 'shared/utils/draggables';
 
+import { Container } from './Styles';
+
 interface Columns {
   [key: string]: TaskGroup;
 }
@@ -28,13 +28,6 @@ type Props = {
   onQuickEditorOpen: (e: ContextMenuEvent) => void;
 };
 
-type OnDragEndProps = {
-  draggableId: any;
-  source: any;
-  destination: any;
-  type: any;
-};
-
 const Lists = ({ columns, tasks, onCardDrop, onListDrop, onCardCreate, onQuickEditorOpen }: Props) => {
   const onDragEnd = ({ draggableId, source, destination, type }: DropResult) => {
     if (typeof destination === 'undefined') return;
@@ -137,7 +130,7 @@ const Lists = ({ columns, tasks, onCardDrop, onListDrop, onCardCreate, onQuickEd
                                   setCurrentComposer('');
                                   onCardCreate(column.taskGroupID, name);
                                 }}
-                                isOpen={true}
+                                isOpen
                               />
                             )}
                           </ListCards>

web/src/shared/components/Login/Login.stories.tsx

@@ -1,9 +1,9 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { action } from '@storybook/addon-actions';
 import NormalizeStyles from 'App/NormalizeStyles';
 import BaseStyles from 'App/BaseStyles';
 import styled from 'styled-components';
-import Login from './index';
+import Login from '.';
 
 const sleep = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
 

web/src/shared/components/Modal/Modal.stories.tsx

@@ -1,9 +1,8 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { action } from '@storybook/addon-actions';
 import NormalizeStyles from 'App/NormalizeStyles';
 import BaseStyles from 'App/BaseStyles';
-import styled from 'styled-components';
-import Modal from './index';
+import Modal from '.';
 
 export default {
   component: Modal,

web/src/shared/components/Modal/index.tsx

@@ -6,7 +6,7 @@ import useOnEscapeKeyDown from 'shared/hooks/onEscapeKeyDown';
 
 import { ScrollOverlay, ClickableOverlay, StyledModal } from './Styles';
 
-const $root: HTMLElement = document.getElementById('root')!;
+const $root: HTMLElement = document.getElementById('root')!; // eslint-disable-line @typescript-eslint/no-non-null-assertion
 
 type ModalProps = {
   width: number;

web/src/shared/components/Navbar/Navbar.stories.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import styled from 'styled-components';
 import NormalizeStyles from 'App/NormalizeStyles';
 import BaseStyles from 'App/BaseStyles';
-import { Home, Stack, Users, Question } from 'shared/icons';
-import Navbar, { ActionButton, ButtonContainer, PrimaryLogo } from './index';
+import { Home } from 'shared/icons';
+import Navbar, { ActionButton, ButtonContainer, PrimaryLogo } from '.';
 
 export default {
   component: Navbar,

web/src/shared/components/PopupMenu/PopupMenu.stories.tsx

@@ -1,8 +1,8 @@
-import React, { createRef, useState } from 'react';
+import React, { useState } from 'react';
 import { action } from '@storybook/addon-actions';
 import LabelColors from 'shared/constants/labelColors';
 import MenuTypes from 'shared/constants/menuTypes';
-import PopupMenu from './index';
+import PopupMenu from '.';
 
 export default {
   component: PopupMenu,

web/src/shared/components/ProjectGridItem/ProjectGridItem.stories.tsx

@@ -1,7 +1,6 @@
-import React, { useState } from 'react';
+import React from 'react';
 import styled from 'styled-components';
-import { action } from '@storybook/addon-actions';
-import ProjectGridItem from './';
+import ProjectGridItem from '.';
 
 export default {
   component: ProjectGridItem,

web/src/shared/components/Sidebar/Sidebar.stories.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 import NormalizeStyles from 'App/NormalizeStyles';
 import BaseStyles from 'App/BaseStyles';
-import Sidebar from './index';
-
 import Navbar from 'shared/components/Navbar';
+import Sidebar from '.';
 
 export default {
   component: Sidebar,

web/src/shared/components/Sidebar/Styles.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-export const Container = styled.div`
+const Container = styled.div`
   position: fixed;
   z-index: 99;
   top: 0px;
@@ -13,3 +13,5 @@ export const Container = styled.div`
   background: rgb(244, 245, 247);
   border-right: 1px solid rgb(223, 225, 230);
 `;
+
+export default Container;

web/src/shared/components/Sidebar/index.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Container } from './Styles';
+import Container from './Styles';
 
 const Sidebar = () => {
-  return <Container></Container>;
+  return <Container />;
 };
 
 export default Sidebar;

web/src/shared/components/TaskDetails/TaskDetails.stories.tsx

@@ -2,9 +2,8 @@ import React, { useState } from 'react';
 import { action } from '@storybook/addon-actions';
 import NormalizeStyles from 'App/NormalizeStyles';
 import BaseStyles from 'App/BaseStyles';
-import styled from 'styled-components';
 import Modal from 'shared/components/Modal';
-import TaskDetails from './';
+import TaskDetails from '.';
 
 export default {
   component: TaskDetails,
@@ -35,9 +34,9 @@ export const Default = () => {
                 name: 'Hello, world',
                 position: 1,
                 labels: [],
-                description: description,
+                description,
               }}
-              onTaskDescriptionChange={(task, desc) => setDescription(desc)}
+              onTaskDescriptionChange={(_task, desc) => setDescription(desc)}
             />
           );
         }}

web/src/shared/components/TopNavbar/TopNavbar.stories.tsx

@@ -1,11 +1,9 @@
-import React, { createRef, useState } from 'react';
+import React, { useState } from 'react';
 import NormalizeStyles from 'App/NormalizeStyles';
 import BaseStyles from 'App/BaseStyles';
-
-import TopNavbar from './index';
 import { action } from '@storybook/addon-actions';
-
 import DropdownMenu from 'shared/components/DropdownMenu';
+import TopNavbar from '.';
 
 export default {
   component: TopNavbar,