Feat/delays (#96)

* feat/delays allow negative delays
* feat/delays recover expand all
* feat/delays refact: icons import
* feat/delays refact: upgrade chakra
* feat/delays version bump

client/src/features/menu/EventListMenu.jsx

@@ -7,6 +7,7 @@ import CursorUpBtn from '../../common/components/buttons/CursorUpBtn';
 import CursorDownBtn from '../../common/components/buttons/CursorDownBtn';
 import CursorLockedBtn from 'common/components/buttons/CursorLockedBtn';
 import style from './EventListMenu.module.css';
+import ExpandBtn from '../../common/components/buttons/ExpandBtn';
 
 const EventListMenu = ({ eventsHandler }) => {
   const { isCursorLocked, toggleCursorLocked, moveCursorUp, moveCursorDown } =
@@ -42,6 +43,7 @@ const EventListMenu = ({ eventsHandler }) => {
 
   return (
     <div className={style.headerButtons}>
+      <ExpandBtn size='sm' clickhandler={() => eventsHandler('expandall')} />
       <CollapseBtn size='sm' clickhandler={() => eventsHandler('collapseall')} />
       <Divider orientation='vertical' />
       <CursorUpBtn size='sm' clickhandler={() => actionHandler('cursorUp')} />

client/src/features/menu/MenuActionButtons.jsx

@@ -1,6 +1,9 @@
 import { Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/menu';
 import { IconButton } from '@chakra-ui/button';
-import { FiClock, FiMinusCircle, FiPlus, FiTrash2 } from 'react-icons/fi';
+import { FiClock } from '@react-icons/all-files/fi/FiClock';
+import { FiMinusCircle } from '@react-icons/all-files/fi/FiMinusCircle';
+import { FiPlus } from '@react-icons/all-files/fi/FiPlus';
+import { FiTrash2 } from '@react-icons/all-files/fi/FiTrash2';
 import { Divider } from '@chakra-ui/layout';
 import { Tooltip } from '@chakra-ui/tooltip';
 
@@ -32,18 +35,11 @@ export default function MenuActionButtons(props) {
         <MenuItem icon={<FiClock />} onClick={() => actionHandler('delay')}>
           Add Delay first
         </MenuItem>
-        <MenuItem
-          icon={<FiMinusCircle />}
-          onClick={() => actionHandler('block')}
-        >
+        <MenuItem icon={<FiMinusCircle />} onClick={() => actionHandler('block')}>
           Add Block first
         </MenuItem>
         <Divider />
-        <MenuItem
-          icon={<FiTrash2 />}
-          onClick={() => actionHandler('deleteall')}
-          color='red.500'
-        >
+        <MenuItem icon={<FiTrash2 />} onClick={() => actionHandler('deleteall')} color='red.500'>
           Delete All
         </MenuItem>
       </MenuList>

client/src/features/menu/buttons/DownloadIconBtn.jsx

@@ -1,6 +1,6 @@
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
-import { FiDownload } from 'react-icons/fi';
+import { FiDownload } from '@react-icons/all-files/fi/FiDownload';
 
 export default function DownloadIconBtn(props) {
   const { clickhandler, ...rest } = props;

client/src/features/menu/buttons/HelpIconBtn.jsx

@@ -1,6 +1,6 @@
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
-import { FiHelpCircle } from 'react-icons/fi';
+import { FiHelpCircle } from '@react-icons/all-files/fi/FiHelpCircle';
 
 export default function HelpIconBtn(props) {
   const { clickhandler, ...rest } = props;

client/src/features/menu/buttons/MaxIconBtn.jsx

@@ -1,6 +1,6 @@
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
-import { FiMaximize } from 'react-icons/fi';
+import { FiMaximize } from '@react-icons/all-files/fi/FiMaximize';
 
 export default function MaxIconBtn(props) {
   const { clickhandler, ...rest } = props;

client/src/features/menu/buttons/MinIconBtn.jsx

@@ -1,6 +1,6 @@
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
-import { FiMinimize } from 'react-icons/fi';
+import { FiMinimize } from '@react-icons/all-files/fi/FiMinimize';
 
 export default function MinIconBtn(props) {
   const { clickhandler, ...rest } = props;

client/src/features/menu/buttons/QuitIconBtn.jsx

@@ -9,7 +9,7 @@ import {
 } from '@chakra-ui/modal';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { useRef, useState } from 'react';
-import { FiPower } from 'react-icons/fi';
+import { FiPower } from '@react-icons/all-files/fi/FiPower';
 
 export default function QuitIconBtn(props) {
   const { clickhandler, ...rest } = props;

client/src/features/menu/buttons/SettingsIconBtn.jsx

@@ -1,6 +1,6 @@
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
-import { FiSettings } from 'react-icons/fi';
+import { FiSettings } from '@react-icons/all-files/fi/FiSettings';
 
 export default function SettingsIconBtn(props) {
   const { clickhandler, ...rest } = props;

client/src/features/menu/buttons/UploadIconBtn.jsx

@@ -1,6 +1,6 @@
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
-import { FiUpload } from 'react-icons/fi';
+import { FiUpload } from '@react-icons/all-files/fi/FiUpload';
 
 export default function UploadIconBtn(props) {
   const { clickhandler, ...rest } = props;