From d81f5fcfe1317a841b5cb4d55d3fec567c207daa Mon Sep 17 00:00:00 2001 From: asharonbaltazar <58940073+asharonbaltazar@users.noreply.github.com> Date: Tue, 25 Mar 2025 16:36:47 -0400 Subject: [PATCH] chore(ui): update icons package (#1556) * chore: add new icons package and remove the old one * chore: update and consolidate imports * chore: missed import --- apps/client/package.json | 2 +- .../client-modal/RedirectClientModal.tsx | 2 +- .../components/context-menu/ContextMenu.tsx | 2 +- .../common/components/copy-tag/CopyTag.tsx | 4 +- .../delay-indicator/DelayIndicator.tsx | 3 +- .../src/common/components/info/Info.tsx | 2 +- .../components/input/colour-input/Swatch.tsx | 2 +- .../input/colour-input/SwatchPicker.tsx | 2 +- .../link/external-link/ExternalLink.tsx | 2 +- .../navigation-menu/FloatingNavigation.tsx | 4 +- .../navigation-menu/NavigationMenu.tsx | 6 +- .../navigation-menu/ViewLockedIcon.tsx | 2 +- .../components/playback-icon/PlaybackIcon.tsx | 4 +- .../components/protect-route/PinPage.tsx | 2 +- .../view-params-editor/ParamInput.tsx | 2 +- .../view-params-editor/ViewParamsSection.tsx | 2 +- .../panel-content/PanelContent.tsx | 2 +- .../app-settings/panel-utils/PanelUtils.tsx | 2 +- .../automations-panel/AutomationForm.tsx | 3 +- .../automations-panel/AutomationsList.tsx | 4 +- .../panel/automations-panel/TriggersList.tsx | 2 +- .../automations-panel/TriggersListItem.tsx | 4 +- .../feature-settings-panel/ReportSettings.tsx | 2 +- .../feature-settings-panel/UrlPresetsForm.tsx | 4 +- .../custom-fields/CustomFieldEntry.tsx | 3 +- .../custom-fields/CustomFields.tsx | 2 +- .../panel/general-panel/GeneralPinInput.tsx | 2 +- .../panel/network-panel/NetworkInterfaces.tsx | 2 +- .../panel/network-panel/NetworkLogExport.tsx | 2 +- .../panel/project-panel/ManageProjects.tsx | 2 +- .../panel/project-panel/ProjectData.tsx | 5 +- .../panel/project-panel/ProjectListItem.tsx | 2 +- .../panel/sources-panel/GSheetSetup.tsx | 3 +- .../panel/sources-panel/SourcesPanel.tsx | 3 +- .../import-map/ImportMapForm.tsx | 3 +- .../sources-panel/preview/PreviewRundown.tsx | 2 +- .../src/features/control/message/InputRow.tsx | 3 +- .../features/control/message/TimerPreview.tsx | 6 +- .../control/playback/add-time/AddTime.tsx | 3 +- .../control/playback/aux-timer/AuxTimer.tsx | 6 +- .../playback-buttons/PlaybackButtons.tsx | 8 +-- apps/client/src/features/editors/Editor.tsx | 4 +- .../editors/editor-utils/EditorUtils.tsx | 4 +- .../operator/follow-button/FollowButton.tsx | 2 +- .../src/features/rundown/RundownEmpty.tsx | 2 +- .../rundown/block-block/BlockBlock.tsx | 2 +- .../rundown/block-block/BlockDelete.tsx | 2 +- .../rundown/delay-block/DelayBlock.tsx | 4 +- .../rundown/event-block/EventBlock.tsx | 20 ++++--- .../rundown/event-block/EventBlockInner.tsx | 22 ++++---- .../event-block/composite/EventBlockChip.tsx | 2 +- .../composite/EventBlockPlayback.tsx | 6 +- .../composite/EventEditorTimes.tsx | 2 +- .../rundown/quick-add-block/QuickAddBlock.tsx | 2 +- .../rundown/rundown-header/RundownMenu.tsx | 2 +- .../rundown/time-input-flow/TimeInputFlow.tsx | 6 +- .../src/views/cuesheet/CuesheetPage.tsx | 3 +- .../cuesheet-table-elements/EventRow.tsx | 2 +- .../CuesheetTableMenuActions.tsx | 7 +-- pnpm-lock.yaml | 55 +++++++------------ 60 files changed, 105 insertions(+), 167 deletions(-) diff --git a/apps/client/package.json b/apps/client/package.json index 46f985d79..1047c5c4a 100644 --- a/apps/client/package.json +++ b/apps/client/package.json @@ -13,7 +13,6 @@ "@emotion/styled": "^11.10.6", "@fontsource/open-sans": "^5.0.28", "@mantine/hooks": "^7.13.3", - "@react-icons/all-files": "^4.1.0", "@sentry/react": "^8.43.0", "@table-nav/react": "^0.0.7", "@tanstack/react-query": "^5.62.7", @@ -29,6 +28,7 @@ "react-dom": "^18.3.1", "react-fast-compare": "^3.2.2", "react-hook-form": "^7.53.1", + "react-icons": "5.4.0", "react-qr-code": "^2.0.12", "react-router-dom": "^6.3.0", "web-vitals": "^3.1.1", diff --git a/apps/client/src/common/components/client-modal/RedirectClientModal.tsx b/apps/client/src/common/components/client-modal/RedirectClientModal.tsx index 6d19736a8..50b67ee10 100644 --- a/apps/client/src/common/components/client-modal/RedirectClientModal.tsx +++ b/apps/client/src/common/components/client-modal/RedirectClientModal.tsx @@ -1,4 +1,5 @@ import { useState } from 'react'; +import { IoArrowForward } from 'react-icons/io5'; import { IconButton, Input, @@ -10,7 +11,6 @@ import { ModalOverlay, Select, } from '@chakra-ui/react'; -import { IoArrowForward } from '@react-icons/all-files/io5/IoArrowForward'; import { navigatorConstants } from '../../../viewerConfig'; import { setClientRemote } from '../../hooks/useSocket'; diff --git a/apps/client/src/common/components/context-menu/ContextMenu.tsx b/apps/client/src/common/components/context-menu/ContextMenu.tsx index 15dd20578..3ed5a842a 100644 --- a/apps/client/src/common/components/context-menu/ContextMenu.tsx +++ b/apps/client/src/common/components/context-menu/ContextMenu.tsx @@ -2,8 +2,8 @@ // https://github.com/lukasbach/chakra-ui-contextmenu/blob/main/src/ContextMenu.tsx import { ReactElement } from 'react'; +import { IconType } from 'react-icons'; import { Menu, MenuButton, MenuGroup, MenuList } from '@chakra-ui/react'; -import { IconType } from '@react-icons/all-files'; import { create } from 'zustand'; import { ContextMenuOption } from './ContextMenuOption'; diff --git a/apps/client/src/common/components/copy-tag/CopyTag.tsx b/apps/client/src/common/components/copy-tag/CopyTag.tsx index 0a556904d..308041bfb 100644 --- a/apps/client/src/common/components/copy-tag/CopyTag.tsx +++ b/apps/client/src/common/components/copy-tag/CopyTag.tsx @@ -1,7 +1,7 @@ import { PropsWithChildren, useState } from 'react'; +import { IoCheckmark } from 'react-icons/io5'; +import { IoCopy } from 'react-icons/io5'; import { Button, ButtonGroup, IconButton, Tooltip } from '@chakra-ui/react'; -import { IoCheckmark } from '@react-icons/all-files/io5/IoCheckmark'; -import { IoCopy } from '@react-icons/all-files/io5/IoCopy'; import { tooltipDelayFast } from '../../../ontimeConfig'; import { Size } from '../../models/Util.type'; diff --git a/apps/client/src/common/components/delay-indicator/DelayIndicator.tsx b/apps/client/src/common/components/delay-indicator/DelayIndicator.tsx index ed2097190..6eb07432c 100644 --- a/apps/client/src/common/components/delay-indicator/DelayIndicator.tsx +++ b/apps/client/src/common/components/delay-indicator/DelayIndicator.tsx @@ -1,6 +1,5 @@ +import { IoChevronDown, IoChevronUp } from 'react-icons/io5'; import { Tooltip } from '@chakra-ui/react'; -import { IoChevronDown } from '@react-icons/all-files/io5/IoChevronDown'; -import { IoChevronUp } from '@react-icons/all-files/io5/IoChevronUp'; import { tooltipDelayFast } from '../../../ontimeConfig'; import { millisToDelayString } from '../../utils/dateConfig'; diff --git a/apps/client/src/common/components/info/Info.tsx b/apps/client/src/common/components/info/Info.tsx index 4dbbcd7b4..bb374182a 100644 --- a/apps/client/src/common/components/info/Info.tsx +++ b/apps/client/src/common/components/info/Info.tsx @@ -1,5 +1,5 @@ import { PropsWithChildren } from 'react'; -import { IoAlertCircle } from '@react-icons/all-files/io5/IoAlertCircle'; +import { IoAlertCircle } from 'react-icons/io5'; import { cx } from '../../utils/styleUtils'; diff --git a/apps/client/src/common/components/input/colour-input/Swatch.tsx b/apps/client/src/common/components/input/colour-input/Swatch.tsx index e6abad5e8..f31991eed 100644 --- a/apps/client/src/common/components/input/colour-input/Swatch.tsx +++ b/apps/client/src/common/components/input/colour-input/Swatch.tsx @@ -1,4 +1,4 @@ -import { IoBan } from '@react-icons/all-files/io5/IoBan'; +import { IoBan } from 'react-icons/io5'; import { cx } from '../../../utils/styleUtils'; diff --git a/apps/client/src/common/components/input/colour-input/SwatchPicker.tsx b/apps/client/src/common/components/input/colour-input/SwatchPicker.tsx index a129d2278..1545f6a76 100644 --- a/apps/client/src/common/components/input/colour-input/SwatchPicker.tsx +++ b/apps/client/src/common/components/input/colour-input/SwatchPicker.tsx @@ -1,6 +1,6 @@ import { useCallback } from 'react'; import { useController, UseControllerProps } from 'react-hook-form'; -import { IoEyedrop } from '@react-icons/all-files/io5/IoEyedrop'; +import { IoEyedrop } from 'react-icons/io5'; import { ViewSettings } from 'ontime-types'; import { debounce } from '../../../utils/debounce'; diff --git a/apps/client/src/common/components/link/external-link/ExternalLink.tsx b/apps/client/src/common/components/link/external-link/ExternalLink.tsx index 84d52e9a8..12a62ca32 100644 --- a/apps/client/src/common/components/link/external-link/ExternalLink.tsx +++ b/apps/client/src/common/components/link/external-link/ExternalLink.tsx @@ -1,5 +1,5 @@ import { MouseEvent, ReactNode } from 'react'; -import { IoOpenOutline } from '@react-icons/all-files/io5/IoOpenOutline'; +import { IoOpenOutline } from 'react-icons/io5'; import { openLink } from '../../../utils/linkUtils'; import { cx } from '../../../utils/styleUtils'; diff --git a/apps/client/src/common/components/navigation-menu/FloatingNavigation.tsx b/apps/client/src/common/components/navigation-menu/FloatingNavigation.tsx index a5269ad2b..0b1c49948 100644 --- a/apps/client/src/common/components/navigation-menu/FloatingNavigation.tsx +++ b/apps/client/src/common/components/navigation-menu/FloatingNavigation.tsx @@ -1,5 +1,5 @@ -import { IoApps } from '@react-icons/all-files/io5/IoApps'; -import { IoSettingsOutline } from '@react-icons/all-files/io5/IoSettingsOutline'; +import { IoApps } from 'react-icons/io5'; +import { IoSettingsOutline } from 'react-icons/io5'; import { useFadeOutOnInactivity } from '../../hooks/useFadeOutOnInactivity'; import { cx } from '../../utils/styleUtils'; diff --git a/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx b/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx index e0e9e7120..914cd7b74 100644 --- a/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx +++ b/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx @@ -1,5 +1,6 @@ import { memo, PropsWithChildren } from 'react'; import { createPortal } from 'react-dom'; +import { IoArrowUp, IoContract, IoExpand, IoLockClosedOutline, IoSwapVertical } from 'react-icons/io5'; import { Link, useLocation } from 'react-router-dom'; import { Drawer, @@ -11,11 +12,6 @@ import { useDisclosure, } from '@chakra-ui/react'; import { useFullscreen } from '@mantine/hooks'; -import { IoArrowUp } from '@react-icons/all-files/io5/IoArrowUp'; -import { IoContract } from '@react-icons/all-files/io5/IoContract'; -import { IoExpand } from '@react-icons/all-files/io5/IoExpand'; -import { IoLockClosedOutline } from '@react-icons/all-files/io5/IoLockClosedOutline'; -import { IoSwapVertical } from '@react-icons/all-files/io5/IoSwapVertical'; import { isLocalhost } from '../../../externals'; import { navigatorConstants } from '../../../viewerConfig'; diff --git a/apps/client/src/common/components/navigation-menu/ViewLockedIcon.tsx b/apps/client/src/common/components/navigation-menu/ViewLockedIcon.tsx index 78e1b712f..3afe50cad 100644 --- a/apps/client/src/common/components/navigation-menu/ViewLockedIcon.tsx +++ b/apps/client/src/common/components/navigation-menu/ViewLockedIcon.tsx @@ -1,4 +1,4 @@ -import { IoLockClosedOutline } from '@react-icons/all-files/io5/IoLockClosedOutline'; +import { IoLockClosedOutline } from 'react-icons/io5'; import { useFadeOutOnInactivity } from '../../hooks/useFadeOutOnInactivity'; import { cx } from '../../utils/styleUtils'; diff --git a/apps/client/src/common/components/playback-icon/PlaybackIcon.tsx b/apps/client/src/common/components/playback-icon/PlaybackIcon.tsx index 067dbdbcb..0780cfe39 100644 --- a/apps/client/src/common/components/playback-icon/PlaybackIcon.tsx +++ b/apps/client/src/common/components/playback-icon/PlaybackIcon.tsx @@ -1,7 +1,5 @@ +import { IoPause, IoPlay, IoStop } from 'react-icons/io5'; import { Tooltip } from '@chakra-ui/react'; -import { IoPause } from '@react-icons/all-files/io5/IoPause'; -import { IoPlay } from '@react-icons/all-files/io5/IoPlay'; -import { IoStop } from '@react-icons/all-files/io5/IoStop'; import { Playback } from 'ontime-types'; import { tooltipDelayFast } from '../../../ontimeConfig'; diff --git a/apps/client/src/common/components/protect-route/PinPage.tsx b/apps/client/src/common/components/protect-route/PinPage.tsx index 1648f23e4..1b7f598ce 100644 --- a/apps/client/src/common/components/protect-route/PinPage.tsx +++ b/apps/client/src/common/components/protect-route/PinPage.tsx @@ -1,6 +1,6 @@ import { useCallback, useEffect, useState } from 'react'; +import { IoCheckmark } from 'react-icons/io5'; import { IconButton, PinInput, PinInputField } from '@chakra-ui/react'; -import { IoCheckmark } from '@react-icons/all-files/io5/IoCheckmark'; import style from './ProtectRoute.module.scss'; diff --git a/apps/client/src/common/components/view-params-editor/ParamInput.tsx b/apps/client/src/common/components/view-params-editor/ParamInput.tsx index d178c3f61..ffc93f231 100644 --- a/apps/client/src/common/components/view-params-editor/ParamInput.tsx +++ b/apps/client/src/common/components/view-params-editor/ParamInput.tsx @@ -1,4 +1,5 @@ import { useState } from 'react'; +import { IoChevronDown } from 'react-icons/io5'; import { useSearchParams } from 'react-router-dom'; import { Button, @@ -13,7 +14,6 @@ import { Select, Switch, } from '@chakra-ui/react'; -import { IoChevronDown } from '@react-icons/all-files/io5/IoChevronDown'; import { isStringBoolean } from '../../../features/viewers/common/viewUtils'; diff --git a/apps/client/src/common/components/view-params-editor/ViewParamsSection.tsx b/apps/client/src/common/components/view-params-editor/ViewParamsSection.tsx index e72d839e5..8ea23a5a0 100644 --- a/apps/client/src/common/components/view-params-editor/ViewParamsSection.tsx +++ b/apps/client/src/common/components/view-params-editor/ViewParamsSection.tsx @@ -1,5 +1,5 @@ +import { IoChevronDown } from 'react-icons/io5'; import { useLocalStorage } from '@mantine/hooks'; -import { IoChevronDown } from '@react-icons/all-files/io5/IoChevronDown'; import { cx } from '../../utils/styleUtils'; diff --git a/apps/client/src/features/app-settings/panel-content/PanelContent.tsx b/apps/client/src/features/app-settings/panel-content/PanelContent.tsx index 8d83596bd..f25292d23 100644 --- a/apps/client/src/features/app-settings/panel-content/PanelContent.tsx +++ b/apps/client/src/features/app-settings/panel-content/PanelContent.tsx @@ -1,6 +1,6 @@ import { PropsWithChildren } from 'react'; +import { IoClose } from 'react-icons/io5'; import { Button } from '@chakra-ui/react'; -import { IoClose } from '@react-icons/all-files/io5/IoClose'; import style from './PanelContent.module.scss'; diff --git a/apps/client/src/features/app-settings/panel-utils/PanelUtils.tsx b/apps/client/src/features/app-settings/panel-utils/PanelUtils.tsx index f04fadfd0..b3201e58f 100644 --- a/apps/client/src/features/app-settings/panel-utils/PanelUtils.tsx +++ b/apps/client/src/features/app-settings/panel-utils/PanelUtils.tsx @@ -1,6 +1,6 @@ import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react'; +import { IoAdd } from 'react-icons/io5'; import { Button } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; import { cx } from '../../../common/utils/styleUtils'; diff --git a/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.tsx b/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.tsx index 6daeef275..2cd880398 100644 --- a/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.tsx +++ b/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.tsx @@ -1,8 +1,7 @@ import { useEffect, useMemo } from 'react'; import { Controller, useFieldArray, useForm } from 'react-hook-form'; +import { IoAdd, IoTrash } from 'react-icons/io5'; import { Button, IconButton, Input, Radio, RadioGroup, Select } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; import { Automation, AutomationDTO, diff --git a/apps/client/src/features/app-settings/panel/automations-panel/AutomationsList.tsx b/apps/client/src/features/app-settings/panel/automations-panel/AutomationsList.tsx index 953dd4c34..bcb40176c 100644 --- a/apps/client/src/features/app-settings/panel/automations-panel/AutomationsList.tsx +++ b/apps/client/src/features/app-settings/panel/automations-panel/AutomationsList.tsx @@ -1,8 +1,6 @@ import { Fragment, useState } from 'react'; +import { IoAdd, IoPencil, IoTrash } from 'react-icons/io5'; import { Button, IconButton } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; -import { IoPencil } from '@react-icons/all-files/io5/IoPencil'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; import { AutomationDTO, NormalisedAutomation } from 'ontime-types'; import { deleteAutomation } from '../../../../common/api/automation'; diff --git a/apps/client/src/features/app-settings/panel/automations-panel/TriggersList.tsx b/apps/client/src/features/app-settings/panel/automations-panel/TriggersList.tsx index a786630a5..b4703c8cd 100644 --- a/apps/client/src/features/app-settings/panel/automations-panel/TriggersList.tsx +++ b/apps/client/src/features/app-settings/panel/automations-panel/TriggersList.tsx @@ -1,6 +1,6 @@ import { Fragment, useMemo, useState } from 'react'; +import { IoAdd } from 'react-icons/io5'; import { Button } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; import { NormalisedAutomation, Trigger } from 'ontime-types'; import { deleteTrigger } from '../../../../common/api/automation'; diff --git a/apps/client/src/features/app-settings/panel/automations-panel/TriggersListItem.tsx b/apps/client/src/features/app-settings/panel/automations-panel/TriggersListItem.tsx index 89753506c..491c86e83 100644 --- a/apps/client/src/features/app-settings/panel/automations-panel/TriggersListItem.tsx +++ b/apps/client/src/features/app-settings/panel/automations-panel/TriggersListItem.tsx @@ -1,8 +1,6 @@ import { useState } from 'react'; +import { IoPencil, IoTrash, IoWarningOutline } from 'react-icons/io5'; import { IconButton } from '@chakra-ui/react'; -import { IoPencil } from '@react-icons/all-files/io5/IoPencil'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; -import { IoWarningOutline } from '@react-icons/all-files/io5/IoWarningOutline'; import { NormalisedAutomation, TimerLifeCycle } from 'ontime-types'; import Tag from '../../../../common/components/tag/Tag'; diff --git a/apps/client/src/features/app-settings/panel/feature-settings-panel/ReportSettings.tsx b/apps/client/src/features/app-settings/panel/feature-settings-panel/ReportSettings.tsx index de06222e2..090cc1d4a 100644 --- a/apps/client/src/features/app-settings/panel/feature-settings-panel/ReportSettings.tsx +++ b/apps/client/src/features/app-settings/panel/feature-settings-panel/ReportSettings.tsx @@ -1,6 +1,6 @@ import { useMemo } from 'react'; +import { IoTrashBin } from 'react-icons/io5'; import { Button } from '@chakra-ui/react'; -import { IoTrashBin } from '@react-icons/all-files/io5/IoTrashBin'; import { deleteAllReport } from '../../../../common/api/report'; import { createBlob, downloadBlob } from '../../../../common/api/utils'; diff --git a/apps/client/src/features/app-settings/panel/feature-settings-panel/UrlPresetsForm.tsx b/apps/client/src/features/app-settings/panel/feature-settings-panel/UrlPresetsForm.tsx index 2b6ce13cf..4e1209a3c 100644 --- a/apps/client/src/features/app-settings/panel/feature-settings-panel/UrlPresetsForm.tsx +++ b/apps/client/src/features/app-settings/panel/feature-settings-panel/UrlPresetsForm.tsx @@ -1,9 +1,7 @@ import { useEffect } from 'react'; import { useFieldArray, useForm } from 'react-hook-form'; +import { IoAdd, IoOpenOutline, IoTrash } from 'react-icons/io5'; import { Button, IconButton, Input, Switch } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; -import { IoOpenOutline } from '@react-icons/all-files/io5/IoOpenOutline'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; import { URLPreset } from 'ontime-types'; import { postUrlPresets } from '../../../../common/api/urlPresets'; diff --git a/apps/client/src/features/app-settings/panel/feature-settings-panel/custom-fields/CustomFieldEntry.tsx b/apps/client/src/features/app-settings/panel/feature-settings-panel/custom-fields/CustomFieldEntry.tsx index b563ceb1e..b99435319 100644 --- a/apps/client/src/features/app-settings/panel/feature-settings-panel/custom-fields/CustomFieldEntry.tsx +++ b/apps/client/src/features/app-settings/panel/feature-settings-panel/custom-fields/CustomFieldEntry.tsx @@ -1,7 +1,6 @@ import { useState } from 'react'; +import { IoPencil, IoTrash } from 'react-icons/io5'; import { IconButton } from '@chakra-ui/react'; -import { IoPencil } from '@react-icons/all-files/io5/IoPencil'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; import { CustomField, CustomFieldLabel } from 'ontime-types'; import CopyTag from '../../../../../common/components/copy-tag/CopyTag'; diff --git a/apps/client/src/features/app-settings/panel/feature-settings-panel/custom-fields/CustomFields.tsx b/apps/client/src/features/app-settings/panel/feature-settings-panel/custom-fields/CustomFields.tsx index 60b2edfc7..151ff95bd 100644 --- a/apps/client/src/features/app-settings/panel/feature-settings-panel/custom-fields/CustomFields.tsx +++ b/apps/client/src/features/app-settings/panel/feature-settings-panel/custom-fields/CustomFields.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; +import { IoAdd } from 'react-icons/io5'; import { Button } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; import { CustomField, CustomFieldLabel } from 'ontime-types'; import { deleteCustomField, editCustomField, postCustomField } from '../../../../../common/api/customFields'; diff --git a/apps/client/src/features/app-settings/panel/general-panel/GeneralPinInput.tsx b/apps/client/src/features/app-settings/panel/general-panel/GeneralPinInput.tsx index 0bc90cfce..c32c99f4c 100644 --- a/apps/client/src/features/app-settings/panel/general-panel/GeneralPinInput.tsx +++ b/apps/client/src/features/app-settings/panel/general-panel/GeneralPinInput.tsx @@ -1,7 +1,7 @@ import { PropsWithChildren, useState } from 'react'; import { UseFormRegister } from 'react-hook-form'; +import { IoEyeOutline } from 'react-icons/io5'; import { IconButton, Input, InputGroup, InputRightElement } from '@chakra-ui/react'; -import { IoEyeOutline } from '@react-icons/all-files/io5/IoEyeOutline'; import { Settings } from 'ontime-types'; import { isAlphanumeric } from '../../../../common/utils/regex'; diff --git a/apps/client/src/features/app-settings/panel/network-panel/NetworkInterfaces.tsx b/apps/client/src/features/app-settings/panel/network-panel/NetworkInterfaces.tsx index 5072b4c3e..ae9062060 100644 --- a/apps/client/src/features/app-settings/panel/network-panel/NetworkInterfaces.tsx +++ b/apps/client/src/features/app-settings/panel/network-panel/NetworkInterfaces.tsx @@ -1,4 +1,4 @@ -import { IoArrowUp } from '@react-icons/all-files/io5/IoArrowUp'; +import { IoArrowUp } from 'react-icons/io5'; import CopyTag from '../../../../common/components/copy-tag/CopyTag'; import useInfo from '../../../../common/hooks-query/useInfo'; diff --git a/apps/client/src/features/app-settings/panel/network-panel/NetworkLogExport.tsx b/apps/client/src/features/app-settings/panel/network-panel/NetworkLogExport.tsx index ca0055fd9..c0979bebd 100644 --- a/apps/client/src/features/app-settings/panel/network-panel/NetworkLogExport.tsx +++ b/apps/client/src/features/app-settings/panel/network-panel/NetworkLogExport.tsx @@ -1,6 +1,6 @@ import { MouseEvent } from 'react'; +import { IoArrowUp } from 'react-icons/io5'; import { Button } from '@chakra-ui/react'; -import { IoArrowUp } from '@react-icons/all-files/io5/IoArrowUp'; import { handleLinks } from '../../../../common/utils/linkUtils'; import Log from '../../../log/Log'; diff --git a/apps/client/src/features/app-settings/panel/project-panel/ManageProjects.tsx b/apps/client/src/features/app-settings/panel/project-panel/ManageProjects.tsx index 5e8dd836c..e1e8f8d4a 100644 --- a/apps/client/src/features/app-settings/panel/project-panel/ManageProjects.tsx +++ b/apps/client/src/features/app-settings/panel/project-panel/ManageProjects.tsx @@ -1,7 +1,7 @@ import { ChangeEvent, useRef, useState } from 'react'; +import { IoAdd } from 'react-icons/io5'; import { useSearchParams } from 'react-router-dom'; import { Button, Input } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; import { uploadProjectFile } from '../../../../common/api/db'; import { invalidateAllCaches, maybeAxiosError } from '../../../../common/api/utils'; diff --git a/apps/client/src/features/app-settings/panel/project-panel/ProjectData.tsx b/apps/client/src/features/app-settings/panel/project-panel/ProjectData.tsx index eda01f609..c21bb1fb9 100644 --- a/apps/client/src/features/app-settings/panel/project-panel/ProjectData.tsx +++ b/apps/client/src/features/app-settings/panel/project-panel/ProjectData.tsx @@ -1,8 +1,7 @@ import { ChangeEvent, useEffect, useRef } from 'react'; import { useForm } from 'react-hook-form'; +import { IoDownloadOutline, IoTrash } from 'react-icons/io5'; import { Button, Input, Textarea } from '@chakra-ui/react'; -import { IoDownloadOutline } from '@react-icons/all-files/io5/IoDownloadOutline'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; import { type ProjectData } from 'ontime-types'; import { projectLogoPath } from '../../../../common/api/constants'; @@ -97,7 +96,7 @@ export default function ProjectData() { const isLoading = status === 'pending'; return ( - preventEscape(event, onReset)}> + preventEscape(event, onReset)}> Project data diff --git a/apps/client/src/features/app-settings/panel/project-panel/ProjectListItem.tsx b/apps/client/src/features/app-settings/panel/project-panel/ProjectListItem.tsx index 47d20e54a..b5f99ed29 100644 --- a/apps/client/src/features/app-settings/panel/project-panel/ProjectListItem.tsx +++ b/apps/client/src/features/app-settings/panel/project-panel/ProjectListItem.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; +import { IoEllipsisHorizontal } from 'react-icons/io5'; import { IconButton, Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/react'; -import { IoEllipsisHorizontal } from '@react-icons/all-files/io5/IoEllipsisHorizontal'; import { deleteProject, diff --git a/apps/client/src/features/app-settings/panel/sources-panel/GSheetSetup.tsx b/apps/client/src/features/app-settings/panel/sources-panel/GSheetSetup.tsx index 489b10723..5762bdd5d 100644 --- a/apps/client/src/features/app-settings/panel/sources-panel/GSheetSetup.tsx +++ b/apps/client/src/features/app-settings/panel/sources-panel/GSheetSetup.tsx @@ -1,7 +1,6 @@ import { ChangeEvent, useEffect, useState } from 'react'; +import { IoCheckmark, IoShieldCheckmarkOutline } from 'react-icons/io5'; import { Button, Input, Spinner } from '@chakra-ui/react'; -import { IoCheckmark } from '@react-icons/all-files/io5/IoCheckmark'; -import { IoShieldCheckmarkOutline } from '@react-icons/all-files/io5/IoShieldCheckmarkOutline'; import { getWorksheetNames } from '../../../../common/api/sheets'; import { maybeAxiosError } from '../../../../common/api/utils'; diff --git a/apps/client/src/features/app-settings/panel/sources-panel/SourcesPanel.tsx b/apps/client/src/features/app-settings/panel/sources-panel/SourcesPanel.tsx index a6c0711a7..7e7a1bf12 100644 --- a/apps/client/src/features/app-settings/panel/sources-panel/SourcesPanel.tsx +++ b/apps/client/src/features/app-settings/panel/sources-panel/SourcesPanel.tsx @@ -1,7 +1,6 @@ import { ChangeEvent, useRef, useState } from 'react'; +import { IoCloudOutline, IoDownloadOutline } from 'react-icons/io5'; import { Button, Input } from '@chakra-ui/react'; -import { IoCloudOutline } from '@react-icons/all-files/io5/IoCloudOutline'; -import { IoDownloadOutline } from '@react-icons/all-files/io5/IoDownloadOutline'; import { getErrorMessage, ImportMap } from 'ontime-utils'; import { diff --git a/apps/client/src/features/app-settings/panel/sources-panel/import-map/ImportMapForm.tsx b/apps/client/src/features/app-settings/panel/sources-panel/import-map/ImportMapForm.tsx index 4b6a5f14d..34252e1b8 100644 --- a/apps/client/src/features/app-settings/panel/sources-panel/import-map/ImportMapForm.tsx +++ b/apps/client/src/features/app-settings/panel/sources-panel/import-map/ImportMapForm.tsx @@ -1,8 +1,7 @@ import { useState } from 'react'; import { useFieldArray, useForm } from 'react-hook-form'; +import { IoAdd, IoTrash } from 'react-icons/io5'; import { Button, IconButton, Input, Select, Tooltip } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; import { ImportMap, isAlphanumericWithSpace } from 'ontime-utils'; import * as Panel from '../../../panel-utils/PanelUtils'; diff --git a/apps/client/src/features/app-settings/panel/sources-panel/preview/PreviewRundown.tsx b/apps/client/src/features/app-settings/panel/sources-panel/preview/PreviewRundown.tsx index 98cdb34dc..5944c446b 100644 --- a/apps/client/src/features/app-settings/panel/sources-panel/preview/PreviewRundown.tsx +++ b/apps/client/src/features/app-settings/panel/sources-panel/preview/PreviewRundown.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { IoLink } from '@react-icons/all-files/io5/IoLink'; +import { IoLink } from 'react-icons/io5'; import { CustomFields, isOntimeBlock, isOntimeEvent, OntimeRundown } from 'ontime-types'; import { millisToString } from 'ontime-utils'; diff --git a/apps/client/src/features/control/message/InputRow.tsx b/apps/client/src/features/control/message/InputRow.tsx index e200d1289..56677f526 100644 --- a/apps/client/src/features/control/message/InputRow.tsx +++ b/apps/client/src/features/control/message/InputRow.tsx @@ -1,7 +1,6 @@ import { useEffect, useRef } from 'react'; +import { IoEye, IoEyeOffOutline } from 'react-icons/io5'; import { Input } from '@chakra-ui/react'; -import { IoEye } from '@react-icons/all-files/io5/IoEye'; -import { IoEyeOffOutline } from '@react-icons/all-files/io5/IoEyeOffOutline'; import TooltipActionBtn from '../../../common/components/buttons/TooltipActionBtn'; import { tooltipDelayMid } from '../../../ontimeConfig'; diff --git a/apps/client/src/features/control/message/TimerPreview.tsx b/apps/client/src/features/control/message/TimerPreview.tsx index 97dfa6767..40c6cbfb8 100644 --- a/apps/client/src/features/control/message/TimerPreview.tsx +++ b/apps/client/src/features/control/message/TimerPreview.tsx @@ -1,9 +1,5 @@ +import { IoArrowDown, IoArrowUp, IoBan, IoFlag, IoTime } from 'react-icons/io5'; import { Tooltip } from '@chakra-ui/react'; -import { IoArrowDown } from '@react-icons/all-files/io5/IoArrowDown'; -import { IoArrowUp } from '@react-icons/all-files/io5/IoArrowUp'; -import { IoBan } from '@react-icons/all-files/io5/IoBan'; -import { IoFlag } from '@react-icons/all-files/io5/IoFlag'; -import { IoTime } from '@react-icons/all-files/io5/IoTime'; import { TimerPhase, TimerType } from 'ontime-types'; import { useMessagePreview } from '../../../common/hooks/useSocket'; diff --git a/apps/client/src/features/control/playback/add-time/AddTime.tsx b/apps/client/src/features/control/playback/add-time/AddTime.tsx index 4bb9f1046..2ad249066 100644 --- a/apps/client/src/features/control/playback/add-time/AddTime.tsx +++ b/apps/client/src/features/control/playback/add-time/AddTime.tsx @@ -1,7 +1,6 @@ +import { IoAdd, IoRemove } from 'react-icons/io5'; import { Tooltip } from '@chakra-ui/react'; import { useLocalStorage } from '@mantine/hooks'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; -import { IoRemove } from '@react-icons/all-files/io5/IoRemove'; import { Playback } from 'ontime-types'; import { MILLIS_PER_HOUR, MILLIS_PER_SECOND, parseUserTime } from 'ontime-utils'; diff --git a/apps/client/src/features/control/playback/aux-timer/AuxTimer.tsx b/apps/client/src/features/control/playback/aux-timer/AuxTimer.tsx index ae2b8ecde..cac01f16b 100644 --- a/apps/client/src/features/control/playback/aux-timer/AuxTimer.tsx +++ b/apps/client/src/features/control/playback/aux-timer/AuxTimer.tsx @@ -1,8 +1,4 @@ -import { IoArrowDown } from '@react-icons/all-files/io5/IoArrowDown'; -import { IoArrowUp } from '@react-icons/all-files/io5/IoArrowUp'; -import { IoPause } from '@react-icons/all-files/io5/IoPause'; -import { IoPlay } from '@react-icons/all-files/io5/IoPlay'; -import { IoStop } from '@react-icons/all-files/io5/IoStop'; +import { IoArrowDown, IoArrowUp, IoPause, IoPlay, IoStop } from 'react-icons/io5'; import { Playback, SimpleDirection, SimplePlayback } from 'ontime-types'; import { parseUserTime } from 'ontime-utils'; diff --git a/apps/client/src/features/control/playback/playback-buttons/PlaybackButtons.tsx b/apps/client/src/features/control/playback/playback-buttons/PlaybackButtons.tsx index a86b0e84a..47fd1790f 100644 --- a/apps/client/src/features/control/playback/playback-buttons/PlaybackButtons.tsx +++ b/apps/client/src/features/control/playback/playback-buttons/PlaybackButtons.tsx @@ -1,12 +1,6 @@ import { useMemo } from 'react'; +import { IoPause, IoPlay, IoPlaySkipBack, IoPlaySkipForward, IoReload, IoStop, IoTime } from 'react-icons/io5'; import { Tooltip } from '@chakra-ui/react'; -import { IoPause } from '@react-icons/all-files/io5/IoPause'; -import { IoPlay } from '@react-icons/all-files/io5/IoPlay'; -import { IoPlaySkipBack } from '@react-icons/all-files/io5/IoPlaySkipBack'; -import { IoPlaySkipForward } from '@react-icons/all-files/io5/IoPlaySkipForward'; -import { IoReload } from '@react-icons/all-files/io5/IoReload'; -import { IoStop } from '@react-icons/all-files/io5/IoStop'; -import { IoTime } from '@react-icons/all-files/io5/IoTime'; import { Playback, TimerPhase } from 'ontime-types'; import { validatePlayback } from 'ontime-utils'; diff --git a/apps/client/src/features/editors/Editor.tsx b/apps/client/src/features/editors/Editor.tsx index 3120c06ba..c90010b78 100644 --- a/apps/client/src/features/editors/Editor.tsx +++ b/apps/client/src/features/editors/Editor.tsx @@ -1,9 +1,7 @@ import { lazy, useCallback, useEffect } from 'react'; +import { IoApps, IoClose, IoSettingsOutline } from 'react-icons/io5'; import { IconButton, useDisclosure } from '@chakra-ui/react'; import { useHotkeys } from '@mantine/hooks'; -import { IoApps } from '@react-icons/all-files/io5/IoApps'; -import { IoClose } from '@react-icons/all-files/io5/IoClose'; -import { IoSettingsOutline } from '@react-icons/all-files/io5/IoSettingsOutline'; import NavigationMenu from '../../common/components/navigation-menu/NavigationMenu'; import { useElectronListener } from '../../common/hooks/useElectronEvent'; diff --git a/apps/client/src/features/editors/editor-utils/EditorUtils.tsx b/apps/client/src/features/editors/editor-utils/EditorUtils.tsx index 58b3ee81b..dd7e59533 100644 --- a/apps/client/src/features/editors/editor-utils/EditorUtils.tsx +++ b/apps/client/src/features/editors/editor-utils/EditorUtils.tsx @@ -1,6 +1,6 @@ import type { HTMLAttributes, LabelHTMLAttributes } from 'react'; -import { IoArrowUp } from '@react-icons/all-files/io5/IoArrowUp'; -import { type IconBaseProps } from '@react-icons/all-files/lib'; +import { IconBaseProps } from 'react-icons'; +import { IoArrowUp } from 'react-icons/io5'; import { cx } from '../../../common/utils/styleUtils'; diff --git a/apps/client/src/features/operator/follow-button/FollowButton.tsx b/apps/client/src/features/operator/follow-button/FollowButton.tsx index 8a4875e6b..76f58e7c6 100644 --- a/apps/client/src/features/operator/follow-button/FollowButton.tsx +++ b/apps/client/src/features/operator/follow-button/FollowButton.tsx @@ -1,4 +1,4 @@ -import { IoLocate } from '@react-icons/all-files/io5/IoLocate'; +import { IoLocate } from 'react-icons/io5'; import { cx } from '../../../common/utils/styleUtils'; diff --git a/apps/client/src/features/rundown/RundownEmpty.tsx b/apps/client/src/features/rundown/RundownEmpty.tsx index 44fcec4c7..2de016e98 100644 --- a/apps/client/src/features/rundown/RundownEmpty.tsx +++ b/apps/client/src/features/rundown/RundownEmpty.tsx @@ -1,5 +1,5 @@ +import { IoAdd } from 'react-icons/io5'; import { Button } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; import Empty from '../../common/components/state/Empty'; diff --git a/apps/client/src/features/rundown/block-block/BlockBlock.tsx b/apps/client/src/features/rundown/block-block/BlockBlock.tsx index 836f829d8..a9e18753a 100644 --- a/apps/client/src/features/rundown/block-block/BlockBlock.tsx +++ b/apps/client/src/features/rundown/block-block/BlockBlock.tsx @@ -1,7 +1,7 @@ import { useRef } from 'react'; +import { IoReorderTwo } from 'react-icons/io5'; import { useSortable } from '@dnd-kit/sortable'; import { CSS } from '@dnd-kit/utilities'; -import { IoReorderTwo } from '@react-icons/all-files/io5/IoReorderTwo'; import { OntimeBlock } from 'ontime-types'; import { cx } from '../../../common/utils/styleUtils'; diff --git a/apps/client/src/features/rundown/block-block/BlockDelete.tsx b/apps/client/src/features/rundown/block-block/BlockDelete.tsx index 764835aba..7fbe6bac5 100644 --- a/apps/client/src/features/rundown/block-block/BlockDelete.tsx +++ b/apps/client/src/features/rundown/block-block/BlockDelete.tsx @@ -1,5 +1,5 @@ +import { IoTrash } from 'react-icons/io5'; import { IconButton } from '@chakra-ui/react'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; import { AppMode, useAppMode } from '../../../common/stores/appModeStore'; diff --git a/apps/client/src/features/rundown/delay-block/DelayBlock.tsx b/apps/client/src/features/rundown/delay-block/DelayBlock.tsx index 3d8d8f205..6a8adee97 100644 --- a/apps/client/src/features/rundown/delay-block/DelayBlock.tsx +++ b/apps/client/src/features/rundown/delay-block/DelayBlock.tsx @@ -1,10 +1,8 @@ import { useEffect, useRef } from 'react'; +import { IoCheckmarkDone, IoClose, IoReorderTwo } from 'react-icons/io5'; import { Button } from '@chakra-ui/react'; import { useSortable } from '@dnd-kit/sortable'; import { CSS } from '@dnd-kit/utilities'; -import { IoCheckmarkDone } from '@react-icons/all-files/io5/IoCheckmarkDone'; -import { IoClose } from '@react-icons/all-files/io5/IoClose'; -import { IoReorderTwo } from '@react-icons/all-files/io5/IoReorderTwo'; import { OntimeDelay } from 'ontime-types'; import DelayInput from '../../../common/components/input/delay-input/DelayInput'; diff --git a/apps/client/src/features/rundown/event-block/EventBlock.tsx b/apps/client/src/features/rundown/event-block/EventBlock.tsx index 936211a9c..71fab9222 100644 --- a/apps/client/src/features/rundown/event-block/EventBlock.tsx +++ b/apps/client/src/features/rundown/event-block/EventBlock.tsx @@ -1,15 +1,17 @@ import { MouseEvent, useEffect, useLayoutEffect, useRef, useState } from 'react'; +import { + IoAdd, + IoDuplicateOutline, + IoLink, + IoPeople, + IoPeopleOutline, + IoReorderTwo, + IoSwapVertical, + IoTrash, + IoUnlink, +} from 'react-icons/io5'; import { useSortable } from '@dnd-kit/sortable'; import { CSS } from '@dnd-kit/utilities'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; -import { IoDuplicateOutline } from '@react-icons/all-files/io5/IoDuplicateOutline'; -import { IoLink } from '@react-icons/all-files/io5/IoLink'; -import { IoPeople } from '@react-icons/all-files/io5/IoPeople'; -import { IoPeopleOutline } from '@react-icons/all-files/io5/IoPeopleOutline'; -import { IoReorderTwo } from '@react-icons/all-files/io5/IoReorderTwo'; -import { IoSwapVertical } from '@react-icons/all-files/io5/IoSwapVertical'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; -import { IoUnlink } from '@react-icons/all-files/io5/IoUnlink'; import { EndAction, MaybeString, OntimeEvent, Playback, TimerType, TimeStrategy } from 'ontime-types'; import { useContextMenu } from '../../../common/hooks/useContextMenu'; diff --git a/apps/client/src/features/rundown/event-block/EventBlockInner.tsx b/apps/client/src/features/rundown/event-block/EventBlockInner.tsx index 2b1101f11..c404ded56 100644 --- a/apps/client/src/features/rundown/event-block/EventBlockInner.tsx +++ b/apps/client/src/features/rundown/event-block/EventBlockInner.tsx @@ -1,15 +1,17 @@ import { memo, useEffect, useState } from 'react'; +import { + IoArrowDown, + IoArrowUp, + IoBan, + IoFlag, + IoPeople, + IoPlay, + IoPlayForward, + IoPlaySkipForward, + IoStop, + IoTime, +} from 'react-icons/io5'; import { Tooltip } from '@chakra-ui/react'; -import { IoArrowDown } from '@react-icons/all-files/io5/IoArrowDown'; -import { IoArrowUp } from '@react-icons/all-files/io5/IoArrowUp'; -import { IoBan } from '@react-icons/all-files/io5/IoBan'; -import { IoFlag } from '@react-icons/all-files/io5/IoFlag'; -import { IoPeople } from '@react-icons/all-files/io5/IoPeople'; -import { IoPlay } from '@react-icons/all-files/io5/IoPlay'; -import { IoPlayForward } from '@react-icons/all-files/io5/IoPlayForward'; -import { IoPlaySkipForward } from '@react-icons/all-files/io5/IoPlaySkipForward'; -import { IoStop } from '@react-icons/all-files/io5/IoStop'; -import { IoTime } from '@react-icons/all-files/io5/IoTime'; import { EndAction, MaybeString, Playback, TimerType, TimeStrategy } from 'ontime-types'; import { cx } from '../../../common/utils/styleUtils'; diff --git a/apps/client/src/features/rundown/event-block/composite/EventBlockChip.tsx b/apps/client/src/features/rundown/event-block/composite/EventBlockChip.tsx index 58d5288ae..f34495f05 100644 --- a/apps/client/src/features/rundown/event-block/composite/EventBlockChip.tsx +++ b/apps/client/src/features/rundown/event-block/composite/EventBlockChip.tsx @@ -1,6 +1,6 @@ import { useMemo } from 'react'; +import { IoCheckmarkCircle } from 'react-icons/io5'; import { Tooltip } from '@chakra-ui/react'; -import { IoCheckmarkCircle } from '@react-icons/all-files/io5/IoCheckmarkCircle'; import { isPlaybackActive, MILLIS_PER_MINUTE, MILLIS_PER_SECOND } from 'ontime-utils'; import { usePlayback } from '../../../../common/hooks/useSocket'; diff --git a/apps/client/src/features/rundown/event-block/composite/EventBlockPlayback.tsx b/apps/client/src/features/rundown/event-block/composite/EventBlockPlayback.tsx index ede746dbf..a43a4cf32 100644 --- a/apps/client/src/features/rundown/event-block/composite/EventBlockPlayback.tsx +++ b/apps/client/src/features/rundown/event-block/composite/EventBlockPlayback.tsx @@ -1,9 +1,5 @@ import { memo, MouseEvent } from 'react'; -import { IoPause } from '@react-icons/all-files/io5/IoPause'; -import { IoPlay } from '@react-icons/all-files/io5/IoPlay'; -import { IoReload } from '@react-icons/all-files/io5/IoReload'; -import { IoRemoveCircle } from '@react-icons/all-files/io5/IoRemoveCircle'; -import { IoRemoveCircleOutline } from '@react-icons/all-files/io5/IoRemoveCircleOutline'; +import { IoPause, IoPlay, IoReload, IoRemoveCircle, IoRemoveCircleOutline } from 'react-icons/io5'; import TooltipActionBtn from '../../../../common/components/buttons/TooltipActionBtn'; import { useEventAction } from '../../../../common/hooks/useEventAction'; diff --git a/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx b/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx index 444712c71..f5a5f8b46 100644 --- a/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx +++ b/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx @@ -1,6 +1,6 @@ import { memo } from 'react'; +import { IoInformationCircle } from 'react-icons/io5'; import { Select, Switch, Tooltip } from '@chakra-ui/react'; -import { IoInformationCircle } from '@react-icons/all-files/io5/IoInformationCircle'; import { EndAction, MaybeString, TimerType, TimeStrategy } from 'ontime-types'; import { millisToString, parseUserTime } from 'ontime-utils'; diff --git a/apps/client/src/features/rundown/quick-add-block/QuickAddBlock.tsx b/apps/client/src/features/rundown/quick-add-block/QuickAddBlock.tsx index b7ae319f5..1062a2d8d 100644 --- a/apps/client/src/features/rundown/quick-add-block/QuickAddBlock.tsx +++ b/apps/client/src/features/rundown/quick-add-block/QuickAddBlock.tsx @@ -1,6 +1,6 @@ import { memo, useCallback, useRef } from 'react'; +import { IoAdd } from 'react-icons/io5'; import { Button } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; import { SupportedEvent } from 'ontime-types'; import { useEventAction } from '../../../common/hooks/useEventAction'; diff --git a/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx b/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx index e48234b34..3639f9b16 100644 --- a/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx +++ b/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx @@ -1,4 +1,5 @@ import { useCallback, useRef } from 'react'; +import { IoTrash } from 'react-icons/io5'; import { AlertDialog, AlertDialogBody, @@ -9,7 +10,6 @@ import { Button, useDisclosure, } from '@chakra-ui/react'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; import { useEventAction } from '../../../common/hooks/useEventAction'; import { useAppMode } from '../../../common/stores/appModeStore'; diff --git a/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.tsx b/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.tsx index d9d54263f..2cc711e5b 100644 --- a/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.tsx +++ b/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.tsx @@ -1,10 +1,6 @@ import { memo } from 'react'; +import { IoAlertCircleOutline, IoLink, IoLockClosed, IoLockOpenOutline, IoUnlink } from 'react-icons/io5'; import { InputRightElement, Tooltip } from '@chakra-ui/react'; -import { IoAlertCircleOutline } from '@react-icons/all-files/io5/IoAlertCircleOutline'; -import { IoLink } from '@react-icons/all-files/io5/IoLink'; -import { IoLockClosed } from '@react-icons/all-files/io5/IoLockClosed'; -import { IoLockOpenOutline } from '@react-icons/all-files/io5/IoLockOpenOutline'; -import { IoUnlink } from '@react-icons/all-files/io5/IoUnlink'; import { MaybeString, TimeField, TimeStrategy } from 'ontime-types'; import { dayInMs } from 'ontime-utils'; diff --git a/apps/client/src/views/cuesheet/CuesheetPage.tsx b/apps/client/src/views/cuesheet/CuesheetPage.tsx index 242801cda..00b7a62b8 100644 --- a/apps/client/src/views/cuesheet/CuesheetPage.tsx +++ b/apps/client/src/views/cuesheet/CuesheetPage.tsx @@ -1,7 +1,6 @@ import { useCallback, useMemo, useState } from 'react'; +import { IoApps, IoSettingsOutline } from 'react-icons/io5'; import { IconButton, Modal, ModalContent, ModalOverlay, useDisclosure } from '@chakra-ui/react'; -import { IoApps } from '@react-icons/all-files/io5/IoApps'; -import { IoSettingsOutline } from '@react-icons/all-files/io5/IoSettingsOutline'; import NavigationMenu from '../../common/components/navigation-menu/NavigationMenu'; import useViewEditor from '../../common/components/navigation-menu/useViewEditor'; diff --git a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/EventRow.tsx b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/EventRow.tsx index 96b45cbd9..243635c04 100644 --- a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/EventRow.tsx +++ b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/EventRow.tsx @@ -1,5 +1,5 @@ import { memo, MutableRefObject, useLayoutEffect, useRef, useState } from 'react'; -import { IoEllipsisHorizontal } from '@react-icons/all-files/io5/IoEllipsisHorizontal'; +import { IoEllipsisHorizontal } from 'react-icons/io5'; import { flexRender, Table } from '@tanstack/react-table'; import Color from 'color'; import { OntimeEvent, OntimeRundownEntry } from 'ontime-types'; diff --git a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-menu/CuesheetTableMenuActions.tsx b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-menu/CuesheetTableMenuActions.tsx index 2932de3d8..f88597829 100644 --- a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-menu/CuesheetTableMenuActions.tsx +++ b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-menu/CuesheetTableMenuActions.tsx @@ -1,10 +1,5 @@ +import { IoAdd, IoArrowDown, IoArrowUp, IoDuplicateOutline, IoOptions, IoTrash } from 'react-icons/io5'; import { MenuDivider, MenuItem, MenuList } from '@chakra-ui/react'; -import { IoAdd } from '@react-icons/all-files/io5/IoAdd'; -import { IoArrowDown } from '@react-icons/all-files/io5/IoArrowDown'; -import { IoArrowUp } from '@react-icons/all-files/io5/IoArrowUp'; -import { IoDuplicateOutline } from '@react-icons/all-files/io5/IoDuplicateOutline'; -import { IoOptions } from '@react-icons/all-files/io5/IoOptions'; -import { IoTrash } from '@react-icons/all-files/io5/IoTrash'; import { isOntimeEvent, SupportedEvent } from 'ontime-types'; import { useEventAction } from '../../../../common/hooks/useEventAction'; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4f1397536..1a64844cd 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -113,9 +113,6 @@ importers: '@mantine/hooks': specifier: ^7.13.3 version: 7.13.3(react@18.3.1) - '@react-icons/all-files': - specifier: ^4.1.0 - version: 4.1.0(react@18.3.1) '@sentry/react': specifier: ^8.43.0 version: 8.45.0(react@18.3.1) @@ -161,6 +158,9 @@ importers: react-hook-form: specifier: ^7.53.1 version: 7.53.1(react@18.3.1) + react-icons: + specifier: 5.4.0 + version: 5.4.0(react@18.3.1) react-qr-code: specifier: ^2.0.12 version: 2.0.12(react@18.3.1) @@ -1670,11 +1670,6 @@ packages: '@popperjs/core@2.11.8': resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==} - '@react-icons/all-files@4.1.0': - resolution: {integrity: sha512-hxBI2UOuVaI3O/BhQfhtb4kcGn9ft12RWAFVMUeNjqqhLsHvFtzIkFaptBJpFDANTKoDfdVoHTKZDlwKCACbMQ==} - peerDependencies: - react: '*' - '@remix-run/router@1.2.1': resolution: {integrity: sha512-XiY0IsyHR+DXYS5vBxpoBe/8veTeoRpMHP+vDosLZxL5bnpetzI0igkxkLZS235ldLzyfkxF+2divEwWHP3vMQ==} engines: {node: '>=14'} @@ -2069,9 +2064,6 @@ packages: '@types/multer@1.4.11': resolution: {integrity: sha512-svK240gr6LVWvv3YGyhLlA+6LRRWA4mnGIU7RcNmgjBYFl6665wcXrRfxGp5tEPVHUNm5FMcmq7too9bxCwX/w==} - '@types/node@20.14.10': - resolution: {integrity: sha512-MdiXf+nDuMvY0gJKxyfZ7/6UFsETO7mGKF54MVD/ekJS6HdFtpZFBgrh6Pseu64XTb2MLyFPlbW6hj8HYRQNOQ==} - '@types/node@20.17.16': resolution: {integrity: sha512-vOTpLduLkZXePLxHiHsBLp98mHGnl8RptV4YAO3HfKO5UHjDvySGbxKtpYfy8Sx5+WKcgc45qNreJJRVM3L6mw==} @@ -4232,6 +4224,11 @@ packages: peerDependencies: react: ^16.8.0 || ^17 || ^18 || ^19 + react-icons@5.4.0: + resolution: {integrity: sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ==} + peerDependencies: + react: '*' + react-is@16.13.1: resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==} @@ -4797,9 +4794,6 @@ packages: unbox-primitive@1.0.2: resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==} - undici-types@5.26.5: - resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==} - undici-types@6.19.8: resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==} @@ -6456,10 +6450,6 @@ snapshots: '@popperjs/core@2.11.8': {} - '@react-icons/all-files@4.1.0(react@18.3.1)': - dependencies: - react: 18.3.1 - '@remix-run/router@1.2.1': {} '@rollup/pluginutils@5.1.0(rollup@4.17.2)': @@ -6772,7 +6762,7 @@ snapshots: '@types/body-parser@1.19.2': dependencies: '@types/connect': 3.4.35 - '@types/node': 20.17.16 + '@types/node': 22.10.10 '@types/cacheable-request@6.0.3': dependencies: @@ -6793,11 +6783,11 @@ snapshots: '@types/connect@3.4.35': dependencies: - '@types/node': 20.17.16 + '@types/node': 22.10.10 '@types/cors@2.8.17': dependencies: - '@types/node': 20.17.16 + '@types/node': 22.10.10 '@types/debug@4.1.12': dependencies: @@ -6807,7 +6797,7 @@ snapshots: '@types/express-serve-static-core@4.17.33': dependencies: - '@types/node': 20.17.16 + '@types/node': 22.10.10 '@types/qs': 6.9.7 '@types/range-parser': 1.2.4 @@ -6844,10 +6834,6 @@ snapshots: dependencies: '@types/express': 4.17.17 - '@types/node@20.14.10': - dependencies: - undici-types: 5.26.5 - '@types/node@20.17.16': dependencies: undici-types: 6.19.8 @@ -6891,18 +6877,18 @@ snapshots: '@types/serve-static@1.15.0': dependencies: '@types/mime': 3.0.1 - '@types/node': 20.17.16 + '@types/node': 22.10.10 '@types/verror@1.10.9': optional: true '@types/websocket@1.0.5': dependencies: - '@types/node': 20.17.16 + '@types/node': 22.10.10 '@types/ws@8.5.10': dependencies: - '@types/node': 20.17.16 + '@types/node': 22.10.10 '@types/yauzl@2.10.3': dependencies: @@ -7451,7 +7437,6 @@ snapshots: dependencies: es-errors: 1.3.0 function-bind: 1.1.2 - optional: true call-bind@1.0.2: dependencies: @@ -7795,7 +7780,7 @@ snapshots: dunder-proto@1.0.1: dependencies: - call-bind-apply-helpers: 1.0.1 + call-bind-apply-helpers: 1.0.2 es-errors: 1.3.0 gopd: 1.2.0 @@ -7853,7 +7838,7 @@ snapshots: electron@31.2.0: dependencies: '@electron/get': 2.0.3 - '@types/node': 20.14.10 + '@types/node': 20.17.16 extract-zip: 2.0.1 transitivePeerDependencies: - supports-color @@ -9401,6 +9386,10 @@ snapshots: dependencies: react: 18.3.1 + react-icons@5.4.0(react@18.3.1): + dependencies: + react: 18.3.1 + react-is@16.13.1: {} react-qr-code@2.0.12(react@18.3.1): @@ -10004,8 +9993,6 @@ snapshots: has-symbols: 1.0.3 which-boxed-primitive: 1.0.2 - undici-types@5.26.5: {} - undici-types@6.19.8: {} undici-types@6.20.0: {}