Chore/ts (#199)

* chore: add typescript and dependencies * refactor: remove react imports * refactor: fix entrypoint * chore: upgrade chakra and deps * chore: configure eslint
2026-08-18 05:34:09 +00:00 · 2022-09-14 21:01:58 +02:00
parent e40d750673
commit b7e758bf24
114 changed files with 1216 additions and 743 deletions
@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/menu';
 import { Tooltip } from '@chakra-ui/tooltip';
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Button } from '@chakra-ui/button';
 import { IoCheckmarkSharp } from '@react-icons/all-files/io5/IoCheckmarkSharp';
 import { IoCloseSharp } from '@react-icons/all-files/io5/IoCloseSharp';
@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { IoPause } from '@react-icons/all-files/io5/IoPause';
@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { FiUsers } from '@react-icons/all-files/fi/FiUsers';
@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { Button, IconButton } from '@chakra-ui/button';
 import {
  AlertDialog,
@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { IoTimeOutline } from '@react-icons/all-files/io5/IoTimeOutline';
@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { IoPlay } from '@react-icons/all-files/io5/IoPlay';
@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import PropTypes from 'prop-types';
@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react';
+import { useCallback, useState } from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import PropTypes from 'prop-types';
@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import PropTypes from 'prop-types';
@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { IoStop } from '@react-icons/all-files/io5/IoStop';
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Icon } from '@chakra-ui/react';
 import { FiChevronUp } from '@react-icons/all-files/fi/FiChevronUp';
 import PropTypes from 'prop-types';
@@ -1,4 +1,4 @@
-import React, { memo } from 'react';
+import { memo } from 'react';
 import { formatDisplay } from 'common/utils/dateConfig';
 import PropTypes from 'prop-types';

@@ -4,6 +4,7 @@ import React from 'react';
 import { LoggingContext } from '../../context/LoggingContext';

 import style from './ErrorBoundary.module.scss';
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const appVersion = require('../../../../package.json').version;

 class ErrorBoundary extends React.Component {
@@ -1,4 +1,4 @@
-import React, { useCallback, useContext } from 'react';
+import { useCallback, useContext } from 'react';
 import EditableTimer from 'common/components/input/EditableTimer';
 import PropTypes from 'prop-types';

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext } from 'react';
+import { useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';

 import { LoggingContext } from '../../context/LoggingContext';
@@ -1,9 +1,8 @@
-import React from 'react';
 import PropTypes from 'prop-types';

 import EditableTimer from '../input/EditableTimer';

-import style from './Times.module.scss'
+import style from './Times.module.scss';

 export default function Times(props) {
  const { handleValidate, actionHandler, timeStart, timeEnd, duration, previousEnd } = props;
@@ -39,7 +38,7 @@ export default function Times(props) {
      />
    </>
  );
-};
+}

 Times.propTypes = {
  handleValidate: PropTypes.func.isRequired,
@@ -1,10 +1,9 @@
-import React from 'react';
 import PropTypes from 'prop-types';

 import { stringFromMillis } from '../../utils/time';
 import EditableTimer from '../input/EditableTimer';

-import style from './Times.module.scss'
+import style from './Times.module.scss';

 export default function TimesDelayed(props) {
  const { handleValidate, actionHandler, delay, timeStart, timeEnd, duration, previousEnd } = props;
@@ -47,7 +46,7 @@ export default function TimesDelayed(props) {
      />
    </>
  );
-};
+}

 TimesDelayed.propTypes = {
  handleValidate: PropTypes.func.isRequired,
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { Textarea } from '@chakra-ui/react';
 import autosize from 'autosize/dist/autosize';

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { Editable, EditableInput, EditablePreview } from '@chakra-ui/react';
 import PropTypes from 'prop-types';

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { Editable, EditableInput, EditablePreview } from '@chakra-ui/editable';
 import PropTypes from 'prop-types';

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useState } from 'react';
 import { Editable, EditableInput, EditablePreview } from '@chakra-ui/editable';
 import PropTypes from 'prop-types';

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';

@@ -1,4 +1,3 @@
-import React from 'react';
 import { clamp } from 'common/utils/math';
 import PropTypes from 'prop-types';

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { Link } from 'react-router-dom';
 import { IconButton } from '@chakra-ui/button';
 import { Image } from '@chakra-ui/react';
@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useState } from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { HStack, PinInput, PinInputField } from '@chakra-ui/react';
 import { FiCheck } from '@react-icons/all-files/fi/FiCheck';
@@ -1,4 +1,3 @@
-import React from 'react';
 import { ReactComponent as Emptyimage } from 'assets/images/empty.svg';
 import PropTypes from 'prop-types';

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useInterval } from 'common/hooks/useInterval';
 import PropTypes from 'prop-types';

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';

 import style from './TitleCard.module.scss';
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';

 import style from './TitleSide.module.scss';
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';

 import { formatTime } from '../../utils/time';