Yadciel/taskcafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cleanup: fix eslint errors

Browse Source
This commit is contained in:
Jordan Knott 2020-04-10 15:31:12 -05:00
parent dc4792f7c2
commit 6b41461a6a
25 changed files with 109 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/.eslintignore Normal file
View File

@ -0,0 +1,3 @@
src/shared/generated/*.tsx
src/shared/generated/*.ts
src/react-app-env.d.ts

1
web/package.json
View File

@ -3,6 +3,7 @@
"version": "0.1.0",
"private": true,
"dependencies": {
"@apollo/react-common": "^3.1.4",
"@apollo/react-hooks": "^3.1.3",
"@fortawesome/fontawesome-svg-core": "^1.2.27",
"@fortawesome/free-brands-svg-icons": "^5.12.1",

6
web/src/App/index.tsx
View File

@ -1,12 +1,12 @@
import React, { useState, useEffect } from 'react';
import { createBrowserHistory } from 'history';
import { setAccessToken } from 'shared/utils/accessToken';
import NormalizeStyles from './NormalizeStyles';
import BaseStyles from './BaseStyles';
import Routes from './Routes';
import Navbar from 'shared/components/Navbar';
import GlobalTopNavbar from 'App/TopNavbar';
import styled from 'styled-components';
import NormalizeStyles from './NormalizeStyles';
import BaseStyles from './BaseStyles';
import Routes from './Routes';
const history = createBrowserHistory();

21
web/src/Projects/Project/index.tsx
View File

@ -1,7 +1,5 @@
import React, { useState } from 'react';
import styled from 'styled-components/macro';
import { useQuery, useMutation } from '@apollo/react-hooks';
import gql from 'graphql-tag';
import { useParams } from 'react-router-dom';
import {
useFindProjectQuery,
@ -120,7 +118,7 @@ const Project = () => {
const { loading, data } = useFindProjectQuery({
variables: { projectId },
onCompleted: newData => {
let newListsData: State = { tasks: {}, columns: {} };
const newListsData: State = { tasks: {}, columns: {} };
newData.findProject.taskGroups.forEach((taskGroup: TaskGroup) => {
newListsData.columns[taskGroup.taskGroupID] = {
taskGroupID: taskGroup.taskGroupID,
@ -166,16 +164,13 @@ const Project = () => {
};
const onCardCreate = (taskGroupID: string, name: string) => {
const taskGroupTasks = Object.values(listsData.tasks).filter((task: Task) => task.taskGroupID === taskGroupID);
var position = 65535;
console.log(taskGroupID);
console.log(taskGroupTasks);
let position = 65535;
if (taskGroupTasks.length !== 0) {
const [lastTask] = taskGroupTasks.sort((a: any, b: any) => a.position - b.position).slice(-1);
console.log(`last tasks position ${lastTask.position}`);
position = Math.ceil(lastTask.position) * 2 + 1;
}
createTask({ variables: { taskGroupID: taskGroupID, name: name, position: position } });
createTask({ variables: { taskGroupID, name, position } });
};
const onQuickEditorOpen = (e: ContextMenuEvent) => {
const currentTask = Object.values(listsData.tasks).find(task => task.taskID === e.taskID);
@ -211,16 +206,16 @@ const Project = () => {
</MainContent>
{quickCardEditor.isOpen && (
<QuickCardEditor
isOpen={true}
isOpen
taskID={quickCardEditor.task ? quickCardEditor.task.taskID : ''}
taskGroupID={quickCardEditor.task ? quickCardEditor.task.taskGroupID : ''}
cardTitle={quickCardEditor.task ? quickCardEditor.task.name : ''}
onCloseEditor={() => setQuickCardEditor(initialQuickCardEditorState)}
onEditCard={(listId: string, cardId: string, cardName: string) =>
updateTaskName({ variables: { taskID: cardId, name: cardName } })
}
onEditCard={(_listId: string, cardId: string, cardName: string) => {
updateTaskName({ variables: { taskID: cardId, name: cardName } });
}}
onOpenPopup={() => console.log()}
onArchiveCard={(listId: string, cardId: string) => deleteTask({ variables: { taskID: cardId } })}
onArchiveCard={(_listId: string, cardId: string) => deleteTask({ variables: { taskID: cardId } })}
labels={[]}
top={quickCardEditor.top}
left={quickCardEditor.left}

59
web/src/index.tsx
View File

@ -13,6 +13,7 @@ import App from './App';
// https://able.bio/AnasT/apollo-graphql-async-access-token-refresh--470t1c8
let forward$;
let isRefreshing = false;
let pendingRequests: any = [];
@ -21,56 +22,57 @@ const resolvePendingRequests = () => {
pendingRequests = [];
};
const resolvePromise = (resolve: () => void) => {
pendingRequests.push(() => resolve());
};
const resetPendingRequests = () => {
pendingRequests = [];
};
const setRefreshing = (newVal: boolean) => {
isRefreshing = newVal;
};
const errorLink = onError(({ graphQLErrors, networkError, operation, forward }) => {
if (graphQLErrors) {
for (const err of graphQLErrors) {
switch (err!.extensions!.code) {
if (err.extensions && err.extensions.code) {
switch (err.extensions.code) {
case 'UNAUTHENTICATED':
// error code is set to UNAUTHENTICATED
// when AuthenticationError thrown in resolver
let forward$;
if (!isRefreshing) {
isRefreshing = true;
setRefreshing(true);
forward$ = fromPromise(
getNewToken()
.then((response: any) => {
// Store the new tokens for your auth link
setAccessToken(response.accessToken);
resolvePendingRequests();
return response.accessToken;
})
.catch((error: any) => {
pendingRequests = [];
.catch(() => {
resetPendingRequests();
// TODO
// Handle token refresh errors e.g clear stored tokens, redirect to login, ...
return;
return undefined;
})
.finally(() => {
isRefreshing = false;
setRefreshing(false);
}),
).filter(value => Boolean(value));
} else {
// Will only emit once the Promise is resolved
forward$ = fromPromise(
new Promise(resolve => {
pendingRequests.push(() => resolve());
}),
);
forward$ = fromPromise(new Promise(resolvePromise));
}
return forward$.flatMap(() => forward(operation));
default:
// pass
}
}
}
}
if (networkError) {
console.log(`[Network error]: ${networkError}`);
// if you would also like to retry automatically on
// network errors, we recommend that you use
// apollo-link-retry
}
return undefined;
});
const requestLink = new ApolloLink(
@ -78,10 +80,10 @@ const requestLink = new ApolloLink(
new Observable((observer: any) => {
let handle: any;
Promise.resolve(operation)
.then((operation: any) => {
.then((op: any) => {
const accessToken = getAccessToken();
if (accessToken) {
operation.setContext({
op.setContext({
headers: {
Authorization: `Bearer ${accessToken}`,
},
@ -98,7 +100,9 @@ const requestLink = new ApolloLink(
.catch(observer.error.bind(observer));
return () => {
if (handle) handle.unsubscribe();
if (handle) {
handle.unsubscribe();
}
};
}),
);
@ -106,11 +110,14 @@ const requestLink = new ApolloLink(
const client = new ApolloClient({
link: ApolloLink.from([
onError(({ graphQLErrors, networkError }) => {
if (graphQLErrors)
if (graphQLErrors) {
graphQLErrors.forEach(({ message, locations, path }) =>
console.log(`[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`),
);
if (networkError) console.log(`[Network error]: ${networkError}`);
}
if (networkError) {
console.log(`[Network error]: ${networkError}`);
}
}),
errorLink,
requestLink,

2
web/src/shared/components/Card/Card.stories.tsx
View File

@ -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,

2
web/src/shared/components/CardComposer/CardComposer.stories.tsx
View File

@ -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,

3
web/src/shared/components/CardComposer/index.tsx
View File

@ -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;

3
web/src/shared/components/DropdownMenu/DropdownMenu.stories.tsx
View File

@ -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,

2
web/src/shared/components/List/List.stories.tsx
View File

@ -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,

2
web/src/shared/components/Lists/Lists.stories.tsx
View File

@ -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,

2
web/src/shared/components/Lists/Styles.ts
View File

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

13
web/src/shared/components/Lists/index.tsx
View File

@ -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>

4
web/src/shared/components/Login/Login.stories.tsx
View File

@ -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));

5
web/src/shared/components/Modal/Modal.stories.tsx
View File

@ -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,

2
web/src/shared/components/Modal/index.tsx
View File

@ -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;

4
web/src/shared/components/Navbar/Navbar.stories.tsx
View File

@ -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,

4
web/src/shared/components/PopupMenu/PopupMenu.stories.tsx
View File

@ -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,

5
web/src/shared/components/ProjectGridItem/ProjectGridItem.stories.tsx
View File

@ -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,

3
web/src/shared/components/Sidebar/Sidebar.stories.tsx
View File

@ -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,

4
web/src/shared/components/Sidebar/Styles.ts
View File

@ -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;

4
web/src/shared/components/Sidebar/index.tsx
View File

@ -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;

7
web/src/shared/components/TaskDetails/TaskDetails.stories.tsx
View File

@ -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)}
/>
);
}}

6
web/src/shared/components/TopNavbar/TopNavbar.stories.tsx
View File

@ -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,

8
web/yarn.lock
View File

@ -20,6 +20,14 @@
ts-invariant "^0.4.4"
tslib "^1.10.0"
"@apollo/react-common@^3.1.4":
version "3.1.4"
resolved "https://registry.yarnpkg.com/@apollo/react-common/-/react-common-3.1.4.tgz#ec13c985be23ea8e799c9ea18e696eccc97be345"
integrity sha512-X5Kyro73bthWSCBJUC5XYQqMnG0dLWuDZmVkzog9dynovhfiVCV4kPSdgSIkqnb++cwCzOVuQ4rDKVwo2XRzQA==
dependencies:
ts-invariant "^0.4.4"
tslib "^1.10.0"
"@apollo/react-hooks@^3.1.3":
version "3.1.3"
resolved "https://registry.yarnpkg.com/@apollo/react-hooks/-/react-hooks-3.1.3.tgz#ad42c7af78e81fee0f30e53242640410d5bd0293"