From cfa22a5004ad8af0692a91d3444599b66787bb34 Mon Sep 17 00:00:00 2001 From: nick-delirium Date: Tue, 10 Jan 2023 15:31:08 +0100 Subject: [PATCH] change(ui): small cleanup --- frontend/app/components/Alerts/Alerts.js | 0 .../Assist/RecordingsList/EditRecordingModal.tsx | 2 +- .../components/Assist/RecordingsList/RecordsListItem.tsx | 2 +- .../Assist/components/AssistTabs/AssistTabs.tsx | 3 +-- .../components/Client/Integrations/IntegrationForm.js | 1 - .../components/Client/Integrations/IntegrationItem.tsx | 1 - .../app/components/Client/Integrations/SlackForm.tsx | 1 - .../app/components/Client/ProfileSettings/Settings.js | 1 - .../Client/Sites/AddProjectButton/AddProjectButton.tsx | 2 +- frontend/app/components/Client/TabItem.js | 1 - .../Widgets/BusiestTimeOfTheDay/BusiestTimeOfTheDay.js | 0 .../CustomMetriLineChart/CustomMetriLineChart.tsx | 2 +- .../Dashboard/Widgets/ErrorsByType/ErrorsByType.js | 0 .../Dashboard/Widgets/ErrorsPerDomain/ErrorsPerDomain.js | 0 .../BreakdownOfLoadedResources.tsx | 3 +-- .../Widgets/PredefinedWidgets/CPULoad/CPULoad.tsx | 4 ++-- .../PredefinedWidgets/CallWithErrors/CallWithErrors.tsx | 4 ++-- .../PredefinedWidgets/CallsErrors5xx/CallsErrors5xx.tsx | 2 +- .../Widgets/PredefinedWidgets/Crashes/Crashes.tsx | 4 ++-- .../PredefinedWidgets/ErrorsByType/ErrorsByType.tsx | 2 +- .../Dashboard/Widgets/PredefinedWidgets/FPS/FPS.tsx | 4 ++-- .../MemoryConsumption/MemoryConsumption.tsx | 4 ++-- .../MissingResources/MissingResources.tsx | 2 +- .../ResponseTimeDistribution.tsx | 4 ++-- .../SessionsAffectedByJSErrors.tsx | 2 +- .../SessionsImpactedBySlowRequests.tsx | 4 ++-- .../SlowestResources/SlowestResources.tsx | 2 +- .../Dashboard/Widgets/SessionsPerBrowser/Bar.js | 0 .../components/DashbaordListModal/DashbaordListModal.tsx | 4 ++-- .../Dashboard/components/DashboardList/DashboardList.tsx | 2 +- .../components/DashboardSideMenu/DashboardSideMenu.tsx | 2 +- .../components/Errors/ErrorDetails/ErrorDetails.tsx | 2 -- .../components/Errors/ErrorListItem/ErrorListItem.tsx | 4 ---- .../FunnelIssuesListItem/FunnelIssuesListItem.tsx | 2 -- .../components/MetricTypeList/MetricTypeList.tsx | 2 +- .../Dashboard/components/MetricsList/GridView.tsx | 1 - .../Dashboard/components/MetricsList/MetricsList.tsx | 2 +- .../Dashboard/components/WidgetChart/WidgetChart.tsx | 1 - .../components/WidgetSessions/WidgetSessions.tsx | 2 +- frontend/app/components/Errors/Error/MainSection.js | 6 ++---- frontend/app/components/Errors/List/List.js | 4 ++-- frontend/app/components/Errors/List/ListItem/ListItem.js | 3 +-- .../app/components/Funnels/FunnelGraph/FunnelGraph.js | 3 +-- .../app/components/Funnels/FunnelIssues/FunnelIssues.js | 2 +- .../Funnels/FunnelSessionList/FunnelSessionList.js | 2 +- .../app/components/Funnels/FunnelWidget/FunnelBar.tsx | 2 +- frontend/app/components/Funnels/funnels.stories.js | 1 - .../Header/DefaultMenuView/DefaultMenuView.tsx | 5 ++--- .../Header/NewProjectButton/NewProjectButton.tsx | 1 - .../components/Header/OnboardingExplore/FeatureItem.js | 2 +- .../Header/PreferencesView/PreferencesView.tsx | 1 - .../Onboarding/components/MetadataList/MetadataList.js | 2 +- .../ProjectCodeSnippet/ProjectCodeSnippet.js | 1 - .../app/components/Onboarding/components/SideMenu.js | 2 +- frontend/app/components/Session/Layout/Header/Section.js | 1 - .../app/components/Session/Layout/Player/Controls.js | 5 +---- frontend/app/components/Session/Layout/ToolPanel.js | 1 - .../components/Session/Layout/ToolPanel/Performance.tsx | 2 -- frontend/app/components/Session_/Autoscroll.tsx | 1 - .../Session_/EventsBlock/EventSearch/EventSearch.js | 2 +- .../components/Session_/EventsBlock/UserCard/UserCard.js | 2 +- .../Session_/Fetch/components/Headers/Headers.tsx | 2 +- frontend/app/components/Session_/GraphQL/GQLDetails.js | 2 +- frontend/app/components/Session_/HeaderInfo.js | 1 - frontend/app/components/Session_/Issues/IssueHeader.js | 4 +--- .../app/components/Session_/Network/NetworkContent.js | 2 +- .../components/StackEventModal/StackEventModal.tsx | 2 +- .../Player/Controls/components/DraggableCircle.tsx | 2 +- .../Session_/StackEvents/StackEvents.DEPRECATED.js | 1 - .../Session_/StackEvents/UserEvent/UserEvent.js | 6 +----- .../app/components/Session_/Storage/Storge.DEPRECATED.js | 2 -- frontend/app/components/Session_/TimeTable/TimeTable.tsx | 2 +- .../app/components/Session_/components/HeaderMenu.tsx | 2 +- frontend/app/components/Signup/SignupForm/SignupForm.js | 2 +- frontend/app/components/hocs/withReport.tsx | 2 +- .../components/shared/CustomMetrics/CustomMetrics.tsx | 2 +- .../shared/DevTools/ProfilerPanel/ProfilerPanel.tsx | 2 +- .../shared/DevTools/StackEventModal/StackEventModal.tsx | 2 +- .../shared/DevTools/StackEventPanel/StackEventPanel.tsx | 4 ++-- .../shared/DevTools/StackEventRow/StackEventRow.tsx | 2 +- .../app/components/shared/DevTools/TimeTable/BarRow.tsx | 1 - frontend/app/components/shared/DevTools/useAutoscroll.ts | 2 +- .../FetchDetailsModal/components/Headers/Headers.tsx | 2 +- .../components/shared/Filters/FilterItem/FilterItem.tsx | 2 +- .../shared/Filters/FilterModal/FilterModal.tsx | 2 +- .../shared/Filters/LiveFilterModal/LiveFilterModal.tsx | 1 - .../shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx | 2 +- .../shared/LiveSessionList/LiveSessionList.tsx | 2 +- .../shared/SelectDateRange/SelectDateRange.tsx | 2 +- .../SessionItem/SessionMetaList/SessionMetaList.tsx | 1 - .../SessionListContainer/components/Notes/NoteItem.tsx | 2 +- .../SessionListContainer/components/Notes/NoteList.tsx | 2 +- .../components/SessionList/SessionList.tsx | 2 +- .../ProjectCodeSnippet/ProjectCodeSnippet.js | 1 - .../shared/TrackingCodeModal/TrackingCodeModal.js | 4 +--- .../shared/UpdateFunnelButton/UpdateFunnelButton.tsx | 3 +-- .../shared/UserSessionsModal/UserSessionsModal.tsx | 3 --- .../shared/WidgetAutoComplete/WidgetAutoComplete.js | 2 +- frontend/app/components/shared/XRayButton/XRayButton.tsx | 3 +-- frontend/app/components/ui/ErrorItem/ErrorItem.tsx | 2 -- frontend/app/components/ui/Label/Label.js | 1 - .../ui/NoSessionPermission/NoSessionPermission.tsx | 2 +- frontend/app/components/ui/Tooltip/FloatingTooltip.tsx | 2 +- frontend/app/components/ui/Tooltip/Tooltip.tsx | 2 +- frontend/app/components/ui/ui.stories.js | 1 - frontend/app/constants/card.ts | 2 +- frontend/app/constants/countryShortName.js | 2 -- frontend/app/duck/alerts.js | 0 frontend/app/duck/components/targetDefiner.js | 1 - frontend/app/duck/errors.js | 4 ++-- frontend/app/duck/filters.js | 4 ++-- frontend/app/duck/funnelFilters.js | 9 +++------ frontend/app/duck/funnels.js | 4 ---- frontend/app/duck/integrations/actions.js | 1 - frontend/app/duck/integrations/integrations.js | 1 - frontend/app/duck/issues.js | 2 +- frontend/app/duck/liveSearch.js | 2 +- frontend/app/duck/rehydrate.js | 2 +- frontend/app/duck/search.js | 2 +- frontend/app/duck/sessions.ts | 2 +- frontend/app/duck/site.js | 1 - frontend/app/mstore/assistMultiviewStore.ts | 2 +- frontend/app/mstore/auditStore.ts | 5 ++--- frontend/app/mstore/errorStore.ts | 2 +- frontend/app/mstore/funnelStore.ts | 2 +- frontend/app/mstore/metricStore.ts | 2 +- frontend/app/mstore/roleStore.ts | 2 +- frontend/app/mstore/settingsStore.ts | 2 +- frontend/app/mstore/types/filterItem.ts | 2 +- frontend/app/mstore/types/filterSeries.ts | 2 +- frontend/app/mstore/types/sessionSettings.ts | 2 +- frontend/app/player/player/Animator.ts | 1 - frontend/app/player/player/Player.ts | 2 +- frontend/app/player/web/WebPlayer.ts | 2 +- frontend/app/player/web/assist/AssistManager.ts | 1 - frontend/app/player/web/managers/DOM/DOMManager.ts | 3 +-- frontend/app/player/web/managers/DOM/StylesManager.ts | 1 - frontend/app/player/web/managers/MouseMoveManager.ts | 1 - frontend/app/player/web/managers/PagesManager.ts | 1 - frontend/app/player/web/messages/JSONRawMessageReader.ts | 1 - frontend/app/player/web/messages/MStreamReader.ts | 1 - frontend/app/types/alert.js | 0 frontend/app/types/errorInfo.js | 1 - frontend/app/types/filter/customFilter.js | 1 - frontend/app/types/filter/filter.js | 1 - frontend/app/types/filter/index.js | 1 - frontend/app/types/filter/savedFilter.js | 3 +-- frontend/app/types/funnel.js | 1 - frontend/app/types/session/error.ts | 2 -- frontend/app/types/session/event.ts | 3 --- frontend/app/types/synthetics/index.js | 7 +------ frontend/app/types/ts/search.ts | 2 -- frontend/app/utils/index.ts | 1 - frontend/scripts/constants.js | 2 +- frontend/webpack.config.ts | 2 +- 155 files changed, 114 insertions(+), 214 deletions(-) create mode 100644 frontend/app/components/Alerts/Alerts.js create mode 100644 frontend/app/components/Dashboard/Widgets/BusiestTimeOfTheDay/BusiestTimeOfTheDay.js create mode 100644 frontend/app/components/Dashboard/Widgets/ErrorsByType/ErrorsByType.js create mode 100644 frontend/app/components/Dashboard/Widgets/ErrorsPerDomain/ErrorsPerDomain.js create mode 100644 frontend/app/components/Dashboard/Widgets/SessionsPerBrowser/Bar.js create mode 100644 frontend/app/duck/alerts.js create mode 100644 frontend/app/types/alert.js diff --git a/frontend/app/components/Alerts/Alerts.js b/frontend/app/components/Alerts/Alerts.js new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/app/components/Assist/RecordingsList/EditRecordingModal.tsx b/frontend/app/components/Assist/RecordingsList/EditRecordingModal.tsx index 902fff4f9..a45de1fa0 100644 --- a/frontend/app/components/Assist/RecordingsList/EditRecordingModal.tsx +++ b/frontend/app/components/Assist/RecordingsList/EditRecordingModal.tsx @@ -1,6 +1,6 @@ import { useObserver } from 'mobx-react-lite'; import React from 'react'; -import { Button, Modal, Form, Icon, Checkbox, Input } from 'UI'; +import { Button, Modal, Form, Icon, Input } from 'UI'; interface Props { show: boolean; diff --git a/frontend/app/components/Assist/RecordingsList/RecordsListItem.tsx b/frontend/app/components/Assist/RecordingsList/RecordsListItem.tsx index 987ab0fa2..1a9952a84 100644 --- a/frontend/app/components/Assist/RecordingsList/RecordsListItem.tsx +++ b/frontend/app/components/Assist/RecordingsList/RecordsListItem.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Icon, ItemMenu, Tooltip } from 'UI'; +import { Icon, ItemMenu } from 'UI'; import { durationFromMs, formatTimeOrDate } from 'App/date'; import { IRecord } from 'App/services/RecordingsService'; import { useStore } from 'App/mstore'; diff --git a/frontend/app/components/Assist/components/AssistTabs/AssistTabs.tsx b/frontend/app/components/Assist/components/AssistTabs/AssistTabs.tsx index 2fd09105b..759bc9bab 100644 --- a/frontend/app/components/Assist/components/AssistTabs/AssistTabs.tsx +++ b/frontend/app/components/Assist/components/AssistTabs/AssistTabs.tsx @@ -1,6 +1,5 @@ import { useModal } from 'App/components/Modal'; -import React, { useEffect, useState } from 'react'; -import { SlideModal, Avatar, TextEllipsis, Icon } from 'UI'; +import React, { useState } from 'react'; import SessionList from '../SessionList'; import stl from './assistTabs.module.css' diff --git a/frontend/app/components/Client/Integrations/IntegrationForm.js b/frontend/app/components/Client/Integrations/IntegrationForm.js index c1115f405..cdde52bd9 100644 --- a/frontend/app/components/Client/Integrations/IntegrationForm.js +++ b/frontend/app/components/Client/Integrations/IntegrationForm.js @@ -1,7 +1,6 @@ import React from 'react'; import { connect } from 'react-redux'; import { Input, Form, Button, Checkbox, Loader } from 'UI'; -import SiteDropdown from 'Shared/SiteDropdown'; import { save, init, edit, remove } from 'Duck/integrations/actions'; import { fetchIntegrationList } from 'Duck/integrations/integrations'; diff --git a/frontend/app/components/Client/Integrations/IntegrationItem.tsx b/frontend/app/components/Client/Integrations/IntegrationItem.tsx index d04ac3b7e..06e950ae6 100644 --- a/frontend/app/components/Client/Integrations/IntegrationItem.tsx +++ b/frontend/app/components/Client/Integrations/IntegrationItem.tsx @@ -2,7 +2,6 @@ import React from 'react'; import cn from 'classnames'; import { Icon, Tooltip } from 'UI'; import stl from './integrationItem.module.css'; -import { connect } from 'react-redux'; interface Props { integration: any; diff --git a/frontend/app/components/Client/Integrations/SlackForm.tsx b/frontend/app/components/Client/Integrations/SlackForm.tsx index 79c6b2a00..819284a77 100644 --- a/frontend/app/components/Client/Integrations/SlackForm.tsx +++ b/frontend/app/components/Client/Integrations/SlackForm.tsx @@ -3,7 +3,6 @@ import SlackChannelList from './SlackChannelList/SlackChannelList'; import { fetchList, init } from 'Duck/integrations/slack'; import { connect } from 'react-redux'; import SlackAddForm from './SlackAddForm'; -import { useModal } from 'App/components/Modal'; import { Button } from 'UI'; interface Props { diff --git a/frontend/app/components/Client/ProfileSettings/Settings.js b/frontend/app/components/Client/ProfileSettings/Settings.js index f0de1358c..5329d98dc 100644 --- a/frontend/app/components/Client/ProfileSettings/Settings.js +++ b/frontend/app/components/Client/ProfileSettings/Settings.js @@ -1,5 +1,4 @@ import React from 'react'; -import copy from 'copy-to-clipboard'; import { connect } from 'react-redux'; import { Button, Input, Form } from 'UI'; import { updateAccount, updateClient } from 'Duck/user'; diff --git a/frontend/app/components/Client/Sites/AddProjectButton/AddProjectButton.tsx b/frontend/app/components/Client/Sites/AddProjectButton/AddProjectButton.tsx index 36bf497e2..0a2712462 100644 --- a/frontend/app/components/Client/Sites/AddProjectButton/AddProjectButton.tsx +++ b/frontend/app/components/Client/Sites/AddProjectButton/AddProjectButton.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Tooltip, Button, IconButton } from 'UI'; +import { Tooltip, Button } from 'UI'; import { useStore } from 'App/mstore'; import { useObserver } from 'mobx-react-lite'; import { init, remove, fetchGDPR } from 'Duck/site'; diff --git a/frontend/app/components/Client/TabItem.js b/frontend/app/components/Client/TabItem.js index dae16e7df..8d97eb060 100644 --- a/frontend/app/components/Client/TabItem.js +++ b/frontend/app/components/Client/TabItem.js @@ -1,6 +1,5 @@ import React from 'react'; import { Icon } from 'UI'; -import styles from './client.module.css'; const TabItem = ({ active = false, onClick, icon, label }) => { return ( diff --git a/frontend/app/components/Dashboard/Widgets/BusiestTimeOfTheDay/BusiestTimeOfTheDay.js b/frontend/app/components/Dashboard/Widgets/BusiestTimeOfTheDay/BusiestTimeOfTheDay.js new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetriLineChart/CustomMetriLineChart.tsx b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetriLineChart/CustomMetriLineChart.tsx index 4da7631fa..0118617ba 100644 --- a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetriLineChart/CustomMetriLineChart.tsx +++ b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetriLineChart/CustomMetriLineChart.tsx @@ -1,6 +1,6 @@ import React from 'react' import { Styles } from '../../common'; -import { ResponsiveContainer, XAxis, YAxis, CartesianGrid, Area, Tooltip } from 'recharts'; +import { ResponsiveContainer, XAxis, YAxis, CartesianGrid, Tooltip } from 'recharts'; import { LineChart, Line, Legend } from 'recharts'; interface Props { diff --git a/frontend/app/components/Dashboard/Widgets/ErrorsByType/ErrorsByType.js b/frontend/app/components/Dashboard/Widgets/ErrorsByType/ErrorsByType.js new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/app/components/Dashboard/Widgets/ErrorsPerDomain/ErrorsPerDomain.js b/frontend/app/components/Dashboard/Widgets/ErrorsPerDomain/ErrorsPerDomain.js new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/BreakdownOfLoadedResources/BreakdownOfLoadedResources.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/BreakdownOfLoadedResources/BreakdownOfLoadedResources.tsx index f29ef22ac..35cd05063 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/BreakdownOfLoadedResources/BreakdownOfLoadedResources.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/BreakdownOfLoadedResources/BreakdownOfLoadedResources.tsx @@ -2,9 +2,8 @@ import React from 'react'; import { NoContent } from 'UI'; import { Styles } from '../../common'; import { - AreaChart, Area, BarChart, Bar, CartesianGrid, Tooltip, - LineChart, Line, Legend, ResponsiveContainer, + Legend, ResponsiveContainer, XAxis, YAxis } from 'recharts'; diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CPULoad/CPULoad.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CPULoad/CPULoad.tsx index 0ddfd0d1d..2344de348 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CPULoad/CPULoad.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CPULoad/CPULoad.tsx @@ -3,8 +3,8 @@ import { NoContent } from 'UI'; import { Styles } from '../../common'; import { AreaChart, Area, - BarChart, Bar, CartesianGrid, Tooltip, - LineChart, Line, Legend, ResponsiveContainer, + CartesianGrid, Tooltip, + ResponsiveContainer, XAxis, YAxis } from 'recharts'; diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallWithErrors/CallWithErrors.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallWithErrors/CallWithErrors.tsx index 9fc69d018..3ef08f392 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallWithErrors/CallWithErrors.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallWithErrors/CallWithErrors.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { Loader, NoContent } from 'UI'; -import { Styles, Table } from '../../common'; +import { NoContent } from 'UI'; +import { Table } from '../../common'; import { getRE } from 'App/utils'; import ImageInfo from './ImageInfo'; import MethodType from './MethodType'; diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallsErrors5xx/CallsErrors5xx.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallsErrors5xx/CallsErrors5xx.tsx index 09c86b60c..ee8bb056f 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallsErrors5xx/CallsErrors5xx.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallsErrors5xx/CallsErrors5xx.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { NoContent } from 'UI'; import { Styles } from '../../common'; import { - BarChart, Bar, CartesianGrid, Tooltip, + CartesianGrid, Tooltip, LineChart, Line, Legend, ResponsiveContainer, XAxis, YAxis } from 'recharts'; diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/Crashes/Crashes.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/Crashes/Crashes.tsx index 30463860c..ff801eb07 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/Crashes/Crashes.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/Crashes/Crashes.tsx @@ -3,8 +3,8 @@ import { NoContent } from 'UI'; import { Styles } from '../../common'; import { AreaChart, Area, - BarChart, Bar, CartesianGrid, Tooltip, - LineChart, Line, Legend, ResponsiveContainer, + CartesianGrid, Tooltip, + ResponsiveContainer, XAxis, YAxis } from 'recharts'; import { NO_METRIC_DATA } from 'App/constants/messages' diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ErrorsByType/ErrorsByType.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ErrorsByType/ErrorsByType.tsx index ec952487c..d2acb58a5 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ErrorsByType/ErrorsByType.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ErrorsByType/ErrorsByType.tsx @@ -3,7 +3,7 @@ import { NoContent } from 'UI'; import { Styles } from '../../common'; import { BarChart, Bar, CartesianGrid, Tooltip, - LineChart, Line, Legend, ResponsiveContainer, + Legend, ResponsiveContainer, XAxis, YAxis } from 'recharts'; import { NO_METRIC_DATA } from 'App/constants/messages' diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/FPS/FPS.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/FPS/FPS.tsx index 5a5efb961..2c534a7fa 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/FPS/FPS.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/FPS/FPS.tsx @@ -3,8 +3,8 @@ import { NoContent } from 'UI'; import { Styles, AvgLabel } from '../../common'; import { AreaChart, Area, - BarChart, Bar, CartesianGrid, Tooltip, - LineChart, Line, Legend, ResponsiveContainer, + CartesianGrid, Tooltip, + ResponsiveContainer, XAxis, YAxis } from 'recharts'; import { NO_METRIC_DATA } from 'App/constants/messages' diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MemoryConsumption/MemoryConsumption.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MemoryConsumption/MemoryConsumption.tsx index 6fb22c784..3a3a491b0 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MemoryConsumption/MemoryConsumption.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MemoryConsumption/MemoryConsumption.tsx @@ -3,8 +3,8 @@ import { NoContent } from 'UI'; import { Styles, AvgLabel } from '../../common'; import { AreaChart, Area, - BarChart, Bar, CartesianGrid, Tooltip, - LineChart, Line, Legend, ResponsiveContainer, + CartesianGrid, Tooltip, + ResponsiveContainer, XAxis, YAxis } from 'recharts'; import { NO_METRIC_DATA } from 'App/constants/messages' diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MissingResources/MissingResources.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MissingResources/MissingResources.tsx index c0b3767e2..6a2b5ed80 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MissingResources/MissingResources.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MissingResources/MissingResources.tsx @@ -1,6 +1,6 @@ import React, { useEffect } from 'react'; import { NoContent } from 'UI'; -import { Styles, Table } from '../../common'; +import { Table } from '../../common'; import { List } from 'immutable'; import Chart from './Chart'; diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ResponseTimeDistribution/ResponseTimeDistribution.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ResponseTimeDistribution/ResponseTimeDistribution.tsx index 4326b3b3a..687778b5f 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ResponseTimeDistribution/ResponseTimeDistribution.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ResponseTimeDistribution/ResponseTimeDistribution.tsx @@ -1,9 +1,9 @@ import React from 'react'; -import { Loader, NoContent } from 'UI'; +import { NoContent } from 'UI'; import { Styles, AvgLabel } from '../../common'; import { ComposedChart, Bar, BarChart, CartesianGrid, ResponsiveContainer, - XAxis, YAxis, ReferenceLine, Tooltip, Legend + XAxis, YAxis, ReferenceLine, Tooltip } from 'recharts'; import { NO_METRIC_DATA } from 'App/constants/messages' diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SessionsAffectedByJSErrors/SessionsAffectedByJSErrors.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SessionsAffectedByJSErrors/SessionsAffectedByJSErrors.tsx index e798d5b4c..8dd76ffea 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SessionsAffectedByJSErrors/SessionsAffectedByJSErrors.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SessionsAffectedByJSErrors/SessionsAffectedByJSErrors.tsx @@ -3,7 +3,7 @@ import { NoContent } from 'UI'; import { Styles } from '../../common'; import { BarChart, Bar, CartesianGrid, Tooltip, - LineChart, Line, Legend, ResponsiveContainer, + Legend, ResponsiveContainer, XAxis, YAxis } from 'recharts'; import { NO_METRIC_DATA } from 'App/constants/messages' diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SessionsImpactedBySlowRequests/SessionsImpactedBySlowRequests.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SessionsImpactedBySlowRequests/SessionsImpactedBySlowRequests.tsx index def859f10..492bc73fe 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SessionsImpactedBySlowRequests/SessionsImpactedBySlowRequests.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SessionsImpactedBySlowRequests/SessionsImpactedBySlowRequests.tsx @@ -3,8 +3,8 @@ import { NoContent } from 'UI'; import { Styles } from '../../common'; import { AreaChart, Area, - BarChart, Bar, CartesianGrid, Tooltip, - LineChart, Line, Legend, ResponsiveContainer, + CartesianGrid, Tooltip, + ResponsiveContainer, XAxis, YAxis } from 'recharts'; import { NO_METRIC_DATA } from 'App/constants/messages' diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SlowestResources/SlowestResources.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SlowestResources/SlowestResources.tsx index ae873f2fb..e514d9c18 100644 --- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SlowestResources/SlowestResources.tsx +++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SlowestResources/SlowestResources.tsx @@ -1,6 +1,6 @@ import React, { useEffect } from 'react'; import { NoContent } from 'UI'; -import { Styles, Table } from '../../common'; +import { Table } from '../../common'; import { List } from 'immutable'; import { numberWithCommas } from 'App/utils'; diff --git a/frontend/app/components/Dashboard/Widgets/SessionsPerBrowser/Bar.js b/frontend/app/components/Dashboard/Widgets/SessionsPerBrowser/Bar.js new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/app/components/Dashboard/components/DashbaordListModal/DashbaordListModal.tsx b/frontend/app/components/Dashboard/components/DashbaordListModal/DashbaordListModal.tsx index 9b93b9942..236602493 100644 --- a/frontend/app/components/Dashboard/components/DashbaordListModal/DashbaordListModal.tsx +++ b/frontend/app/components/Dashboard/components/DashbaordListModal/DashbaordListModal.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { useStore } from 'App/mstore'; -import { SideMenuitem, SideMenuHeader, Icon, Button } from 'UI'; -import { withSiteId, dashboardSelected, metrics } from 'App/routes'; +import { SideMenuitem, Icon } from 'UI'; +import { withSiteId, dashboardSelected } from 'App/routes'; import { withRouter } from 'react-router-dom'; import { useModal } from 'App/components/Modal'; diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx index 64ff7e143..ace14e03e 100644 --- a/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx +++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx @@ -1,6 +1,6 @@ import { observer } from 'mobx-react-lite'; import React from 'react'; -import { NoContent, Pagination, Icon } from 'UI'; +import { NoContent, Pagination } from 'UI'; import { useStore } from 'App/mstore'; import { filterList } from 'App/utils'; import { sliceListPerPage } from 'App/utils'; diff --git a/frontend/app/components/Dashboard/components/DashboardSideMenu/DashboardSideMenu.tsx b/frontend/app/components/Dashboard/components/DashboardSideMenu/DashboardSideMenu.tsx index e689bce51..7ead7f17f 100644 --- a/frontend/app/components/Dashboard/components/DashboardSideMenu/DashboardSideMenu.tsx +++ b/frontend/app/components/Dashboard/components/DashboardSideMenu/DashboardSideMenu.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { SideMenuitem, SideMenuHeader } from 'UI'; +import { SideMenuitem } from 'UI'; import { withRouter, RouteComponentProps } from 'react-router-dom'; import { withSiteId, metrics, dashboard, alerts } from 'App/routes'; import { connect } from 'react-redux'; diff --git a/frontend/app/components/Dashboard/components/Errors/ErrorDetails/ErrorDetails.tsx b/frontend/app/components/Dashboard/components/Errors/ErrorDetails/ErrorDetails.tsx index a45226fb3..3a102a9c4 100644 --- a/frontend/app/components/Dashboard/components/Errors/ErrorDetails/ErrorDetails.tsx +++ b/frontend/app/components/Dashboard/components/Errors/ErrorDetails/ErrorDetails.tsx @@ -1,8 +1,6 @@ import React, { useState } from 'react' import ErrorFrame from './ErrorFrame' -import cn from 'classnames'; import { IconButton, Icon } from 'UI'; -import { connect } from 'react-redux'; const docLink = 'https://docs.openreplay.com/installation/upload-sourcemaps'; diff --git a/frontend/app/components/Dashboard/components/Errors/ErrorListItem/ErrorListItem.tsx b/frontend/app/components/Dashboard/components/Errors/ErrorListItem/ErrorListItem.tsx index 2d76241b3..145a215ab 100644 --- a/frontend/app/components/Dashboard/components/Errors/ErrorListItem/ErrorListItem.tsx +++ b/frontend/app/components/Dashboard/components/Errors/ErrorListItem/ErrorListItem.tsx @@ -1,16 +1,12 @@ import React from 'react'; import cn from 'classnames'; import moment from 'moment'; -import { error as errorRoute } from 'App/routes'; import { IGNORED, RESOLVED } from 'Types/errorInfo'; -import { Link, Label } from 'UI'; import ErrorName from '../ErrorName'; import ErrorLabel from '../ErrorLabel'; import { BarChart, Bar, YAxis, Tooltip, XAxis } from 'recharts'; import { Styles } from '../../../Widgets/common'; import { diffFromNowString } from 'App/date'; -import { useModal } from '../../../../Modal'; -import ErrorDetailsModal from '../ErrorDetailsModal'; interface Props { error: any; diff --git a/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesListItem/FunnelIssuesListItem.tsx b/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesListItem/FunnelIssuesListItem.tsx index 89aa09be3..b692ca30b 100644 --- a/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesListItem/FunnelIssuesListItem.tsx +++ b/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesListItem/FunnelIssuesListItem.tsx @@ -2,8 +2,6 @@ import React from 'react'; import cn from 'classnames'; import { Icon, TextEllipsis } from 'UI'; import FunnelIssueGraph from '../FunnelIssueGraph'; -import { useModal } from 'App/components/Modal'; -import FunnelIssueModal from '../FunnelIssueModal'; interface Props { issue: any; diff --git a/frontend/app/components/Dashboard/components/MetricTypeList/MetricTypeList.tsx b/frontend/app/components/Dashboard/components/MetricTypeList/MetricTypeList.tsx index e53d6e7a2..46c540d07 100644 --- a/frontend/app/components/Dashboard/components/MetricTypeList/MetricTypeList.tsx +++ b/frontend/app/components/Dashboard/components/MetricTypeList/MetricTypeList.tsx @@ -4,7 +4,7 @@ import MetricsLibraryModal from '../MetricsLibraryModal'; import MetricTypeItem, { MetricType } from '../MetricTypeItem/MetricTypeItem'; import { TYPES, LIBRARY } from 'App/constants/card'; import { withRouter, RouteComponentProps } from 'react-router-dom'; -import { dashboardMetricCreate, metricCreate, withSiteId } from 'App/routes'; +import { dashboardMetricCreate, withSiteId } from 'App/routes'; import { useStore } from 'App/mstore'; interface Props extends RouteComponentProps { diff --git a/frontend/app/components/Dashboard/components/MetricsList/GridView.tsx b/frontend/app/components/Dashboard/components/MetricsList/GridView.tsx index 9b131bb2a..df556b46e 100644 --- a/frontend/app/components/Dashboard/components/MetricsList/GridView.tsx +++ b/frontend/app/components/Dashboard/components/MetricsList/GridView.tsx @@ -1,5 +1,4 @@ import React from 'react'; -import MetricListItem from '../MetricListItem'; import WidgetWrapper from 'App/components/Dashboard/components/WidgetWrapper'; interface Props { diff --git a/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx b/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx index cb30afad1..44423944b 100644 --- a/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx +++ b/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx @@ -1,6 +1,6 @@ import { observer, useObserver } from 'mobx-react-lite'; import React, { useEffect, useState } from 'react'; -import { NoContent, Pagination, Icon } from 'UI'; +import { NoContent, Pagination } from 'UI'; import { useStore } from 'App/mstore'; import { filterList } from 'App/utils'; import { sliceListPerPage } from 'App/utils'; diff --git a/frontend/app/components/Dashboard/components/WidgetChart/WidgetChart.tsx b/frontend/app/components/Dashboard/components/WidgetChart/WidgetChart.tsx index c32d0d498..3291c0006 100644 --- a/frontend/app/components/Dashboard/components/WidgetChart/WidgetChart.tsx +++ b/frontend/app/components/Dashboard/components/WidgetChart/WidgetChart.tsx @@ -15,7 +15,6 @@ import useIsMounted from 'App/hooks/useIsMounted' import { FilterKey } from 'Types/filter/filterType'; import { TIMESERIES, TABLE, CLICKMAP, FUNNEL, ERRORS, PERFORMANCE, RESOURCE_MONITORING, WEB_VITALS } from 'App/constants/card'; import FunnelWidget from 'App/components/Funnels/FunnelWidget'; -import ErrorsWidget from '../Errors/ErrorsWidget'; import SessionWidget from '../Sessions/SessionWidget'; import CustomMetricTableSessions from 'App/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableSessions'; import CustomMetricTableErrors from 'App/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableErrors'; diff --git a/frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx b/frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx index ada2dd03b..32127c3dc 100644 --- a/frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx +++ b/frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx @@ -4,7 +4,7 @@ import Select from 'Shared/Select'; import cn from 'classnames'; import { useStore } from 'App/mstore'; import SessionItem from 'Shared/SessionItem'; -import { observer, useObserver } from 'mobx-react-lite'; +import { observer } from 'mobx-react-lite'; import { DateTime } from 'luxon'; import { debounce } from 'App/utils'; import useIsMounted from 'App/hooks/useIsMounted'; diff --git a/frontend/app/components/Errors/Error/MainSection.js b/frontend/app/components/Errors/Error/MainSection.js index d65c884cb..a74755408 100644 --- a/frontend/app/components/Errors/Error/MainSection.js +++ b/frontend/app/components/Errors/Error/MainSection.js @@ -2,17 +2,15 @@ import React from 'react'; import { connect } from 'react-redux'; import cn from 'classnames'; import withSiteIdRouter from 'HOCs/withSiteIdRouter'; -import { ErrorDetails, IconButton, Icon, Loader, Button } from 'UI'; +import { ErrorDetails, Icon, Loader, Button } from 'UI'; import { sessions as sessionsRoute } from 'App/routes'; -import { TYPES as EV_FILER_TYPES } from 'Types/filter/event'; -import { UNRESOLVED, RESOLVED, IGNORED } from 'Types/errorInfo'; +import { RESOLVED } from 'Types/errorInfo'; import { addFilterByKeyAndValue } from 'Duck/search'; import { resolve, unresolve, ignore, toggleFavorite } from 'Duck/errors'; import { resentOrDate } from 'App/date'; import Divider from 'Components/Errors/ui/Divider'; import ErrorName from 'Components/Errors/ui/ErrorName'; import Label from 'Components/Errors/ui/Label'; -import SharePopup from 'Shared/SharePopup'; import { FilterKey } from 'Types/filter/filterType'; import SessionBar from './SessionBar'; diff --git a/frontend/app/components/Errors/List/List.js b/frontend/app/components/Errors/List/List.js index 4318951ab..d41ebd50c 100644 --- a/frontend/app/components/Errors/List/List.js +++ b/frontend/app/components/Errors/List/List.js @@ -1,7 +1,7 @@ import React from 'react'; import { connect } from 'react-redux'; -import { Set, List as ImmutableList } from "immutable"; -import { NoContent, Loader, Checkbox, LoadMoreButton, IconButton, Input, DropdownPlain, Pagination } from 'UI'; +import { Set } from "immutable"; +import { NoContent, Loader, Checkbox, IconButton, Input, Pagination } from 'UI'; import { merge, resolve, unresolve, ignore, updateCurrentPage, editOptions } from "Duck/errors"; import { applyFilter } from 'Duck/filters'; import { IGNORED, UNRESOLVED } from 'Types/errorInfo'; diff --git a/frontend/app/components/Errors/List/ListItem/ListItem.js b/frontend/app/components/Errors/List/ListItem/ListItem.js index 1dde46e59..51e416b81 100644 --- a/frontend/app/components/Errors/List/ListItem/ListItem.js +++ b/frontend/app/components/Errors/List/ListItem/ListItem.js @@ -5,8 +5,7 @@ import moment from 'moment'; import { diffFromNowString } from 'App/date'; import { error as errorRoute } from 'App/routes'; import { IGNORED, RESOLVED } from 'Types/errorInfo'; -import { diffFromNowShortString } from 'App/date'; -import { Checkbox, Link } from 'UI'; +import { Checkbox, Link } from 'UI'; import ErrorName from 'Components/Errors/ui/ErrorName'; import Label from 'Components/Errors/ui/Label'; import stl from './listItem.module.css'; diff --git a/frontend/app/components/Funnels/FunnelGraph/FunnelGraph.js b/frontend/app/components/Funnels/FunnelGraph/FunnelGraph.js index 8f3cbb5ea..221a59e8f 100644 --- a/frontend/app/components/Funnels/FunnelGraph/FunnelGraph.js +++ b/frontend/app/components/Funnels/FunnelGraph/FunnelGraph.js @@ -9,9 +9,8 @@ import { YAxis, CartesianGrid, Tooltip, - Legend, LabelList, - Label, + } from 'recharts'; import { connect } from 'react-redux'; import { setActiveStages } from 'Duck/funnels'; diff --git a/frontend/app/components/Funnels/FunnelIssues/FunnelIssues.js b/frontend/app/components/Funnels/FunnelIssues/FunnelIssues.js index 4a96c76c0..0175008a8 100644 --- a/frontend/app/components/Funnels/FunnelIssues/FunnelIssues.js +++ b/frontend/app/components/Funnels/FunnelIssues/FunnelIssues.js @@ -1,7 +1,7 @@ import React, { useState } from 'react' import { connect } from 'react-redux' import { fetchIssues, fetchIssuesFiltered } from 'Duck/funnels' -import { LoadMoreButton, NoContent, Loader } from 'UI' +import { LoadMoreButton, NoContent } from 'UI' import FunnelIssuesHeader from '../FunnelIssuesHeader' import IssueItem from '../IssueItem'; import { funnelIssue as funnelIssueRoute, withSiteId } from 'App/routes' diff --git a/frontend/app/components/Funnels/FunnelSessionList/FunnelSessionList.js b/frontend/app/components/Funnels/FunnelSessionList/FunnelSessionList.js index c16a98407..f51538696 100644 --- a/frontend/app/components/Funnels/FunnelSessionList/FunnelSessionList.js +++ b/frontend/app/components/Funnels/FunnelSessionList/FunnelSessionList.js @@ -3,7 +3,7 @@ import { connect } from 'react-redux' import SessionItem from 'Shared/SessionItem' import { fetchSessions, fetchSessionsFiltered } from 'Duck/funnels' import { setFunnelPage } from 'Duck/sessions' -import { LoadMoreButton, NoContent, Loader } from 'UI' +import { LoadMoreButton, NoContent } from 'UI' import FunnelSessionsHeader from '../FunnelSessionsHeader' import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG'; diff --git a/frontend/app/components/Funnels/FunnelWidget/FunnelBar.tsx b/frontend/app/components/Funnels/FunnelWidget/FunnelBar.tsx index b3e1e2f89..4e738935d 100644 --- a/frontend/app/components/Funnels/FunnelWidget/FunnelBar.tsx +++ b/frontend/app/components/Funnels/FunnelWidget/FunnelBar.tsx @@ -1,6 +1,6 @@ import React from 'react'; import FunnelStepText from './FunnelStepText'; -import { Icon, Tooltip } from 'UI'; +import { Icon } from 'UI'; interface Props { filter: any; diff --git a/frontend/app/components/Funnels/funnels.stories.js b/frontend/app/components/Funnels/funnels.stories.js index 67849e0fc..58197bbcc 100644 --- a/frontend/app/components/Funnels/funnels.stories.js +++ b/frontend/app/components/Funnels/funnels.stories.js @@ -1,5 +1,4 @@ import { storiesOf } from '@storybook/react'; -import { List } from 'immutable'; import Funnel from 'Types/funnel' import FunnelIssue from 'Types/funnelIssue' import FunnelList from './FunnelList'; diff --git a/frontend/app/components/Header/DefaultMenuView/DefaultMenuView.tsx b/frontend/app/components/Header/DefaultMenuView/DefaultMenuView.tsx index 9b5c74879..8e6a68e58 100644 --- a/frontend/app/components/Header/DefaultMenuView/DefaultMenuView.tsx +++ b/frontend/app/components/Header/DefaultMenuView/DefaultMenuView.tsx @@ -1,13 +1,12 @@ import React from 'react'; -import { NavLink, withRouter } from 'react-router-dom'; +import { NavLink } from 'react-router-dom'; import { sessions, metrics, assist, - client, dashboard, withSiteId, - CLIENT_DEFAULT_TAB, + } from 'App/routes'; import SiteDropdown from '../SiteDropdown'; import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG'; diff --git a/frontend/app/components/Header/NewProjectButton/NewProjectButton.tsx b/frontend/app/components/Header/NewProjectButton/NewProjectButton.tsx index a0dd30244..2ac9e95ae 100644 --- a/frontend/app/components/Header/NewProjectButton/NewProjectButton.tsx +++ b/frontend/app/components/Header/NewProjectButton/NewProjectButton.tsx @@ -1,6 +1,5 @@ import React from 'react'; import { Icon } from 'UI'; -import cn from 'classnames'; import { useStore } from 'App/mstore'; import { useObserver } from 'mobx-react-lite'; import { useModal } from 'App/components/Modal'; diff --git a/frontend/app/components/Header/OnboardingExplore/FeatureItem.js b/frontend/app/components/Header/OnboardingExplore/FeatureItem.js index d30ce85a1..c5841b19b 100644 --- a/frontend/app/components/Header/OnboardingExplore/FeatureItem.js +++ b/frontend/app/components/Header/OnboardingExplore/FeatureItem.js @@ -1,5 +1,5 @@ import React from 'react'; -import { Checkbox, Icon } from 'UI'; +import { Icon } from 'UI'; import cn from 'classnames'; import stl from './featureItem.module.css'; diff --git a/frontend/app/components/Header/PreferencesView/PreferencesView.tsx b/frontend/app/components/Header/PreferencesView/PreferencesView.tsx index a5282aea8..f9da1b933 100644 --- a/frontend/app/components/Header/PreferencesView/PreferencesView.tsx +++ b/frontend/app/components/Header/PreferencesView/PreferencesView.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { Icon } from 'UI'; import { withRouter } from 'react-router-dom'; -import ProjectCodeSnippet from 'App/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet'; interface Props { history: any; diff --git a/frontend/app/components/Onboarding/components/MetadataList/MetadataList.js b/frontend/app/components/Onboarding/components/MetadataList/MetadataList.js index 96dfc6345..76068fddf 100644 --- a/frontend/app/components/Onboarding/components/MetadataList/MetadataList.js +++ b/frontend/app/components/Onboarding/components/MetadataList/MetadataList.js @@ -1,7 +1,7 @@ import React, { useState, useEffect } from 'react' import { Button, SlideModal, TagBadge } from 'UI' import { connect } from 'react-redux' -import { init, fetchList, save, remove } from 'Duck/customField'; +import { fetchList, save, remove } from 'Duck/customField'; import CustomFieldForm from '../../../Client/CustomFields/CustomFieldForm'; import { confirm } from 'UI'; diff --git a/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js b/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js index 8b520aa49..7bf9ef5bb 100644 --- a/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js +++ b/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js @@ -7,7 +7,6 @@ import GDPR from 'Types/site/gdpr'; import cn from 'classnames' import stl from './projectCodeSnippet.module.css' import CircleNumber from '../../CircleNumber'; -import Highlight from 'react-highlight' import Select from 'Shared/Select' import CodeSnippet from 'Shared/CodeSnippet'; diff --git a/frontend/app/components/Onboarding/components/SideMenu.js b/frontend/app/components/Onboarding/components/SideMenu.js index 537305831..64d35a2e4 100644 --- a/frontend/app/components/Onboarding/components/SideMenu.js +++ b/frontend/app/components/Onboarding/components/SideMenu.js @@ -1,7 +1,7 @@ import React from 'react' import stl from './sideMenu.module.css' import cn from 'classnames' -import { SideMenuitem, Icon } from 'UI' +import { SideMenuitem } from 'UI' import OnboardingMenu from './OnboardingMenu/OnboardingMenu' export default function SideMenu() { diff --git a/frontend/app/components/Session/Layout/Header/Section.js b/frontend/app/components/Session/Layout/Header/Section.js index c98849a19..a432cd169 100644 --- a/frontend/app/components/Session/Layout/Header/Section.js +++ b/frontend/app/components/Session/Layout/Header/Section.js @@ -1,6 +1,5 @@ import React from 'react'; import { Icon } from 'UI'; -import styles from './section.module.css'; export default function Section({ icon, label }) { return ( diff --git a/frontend/app/components/Session/Layout/Player/Controls.js b/frontend/app/components/Session/Layout/Player/Controls.js index 69af9a111..fc1360972 100644 --- a/frontend/app/components/Session/Layout/Player/Controls.js +++ b/frontend/app/components/Session/Layout/Player/Controls.js @@ -1,11 +1,8 @@ import React from 'react'; import { observer } from 'mobx-react-lite'; -import { useEffect, useCallback } from 'react'; -import { connect } from 'react-redux'; +import { useEffect } from 'react'; import cn from 'classnames'; -import { Popup, Icon } from 'UI'; - import Timeline from './Timeline'; import ControlButton from './ControlButton'; diff --git a/frontend/app/components/Session/Layout/ToolPanel.js b/frontend/app/components/Session/Layout/ToolPanel.js index 2f4779c71..6e7fc259e 100644 --- a/frontend/app/components/Session/Layout/ToolPanel.js +++ b/frontend/app/components/Session/Layout/ToolPanel.js @@ -1,5 +1,4 @@ import React from 'react'; -import { useCallback } from 'react'; import { observer } from 'mobx-react-lite'; import { CloseButton } from 'UI'; diff --git a/frontend/app/components/Session/Layout/ToolPanel/Performance.tsx b/frontend/app/components/Session/Layout/ToolPanel/Performance.tsx index 790a9b96d..c5ae6f809 100644 --- a/frontend/app/components/Session/Layout/ToolPanel/Performance.tsx +++ b/frontend/app/components/Session/Layout/ToolPanel/Performance.tsx @@ -9,10 +9,8 @@ import { Tooltip, ResponsiveContainer, ReferenceLine, - CartesianGrid, Label, } from 'recharts'; -import { Checkbox } from 'UI'; import { durationFromMsFormatted } from 'App/date'; import { formatBytes } from 'App/utils'; diff --git a/frontend/app/components/Session_/Autoscroll.tsx b/frontend/app/components/Session_/Autoscroll.tsx index ad2e82e01..88db41d59 100644 --- a/frontend/app/components/Session_/Autoscroll.tsx +++ b/frontend/app/components/Session_/Autoscroll.tsx @@ -1,5 +1,4 @@ import React, { ReactNode } from 'react'; -import { IconButton } from 'UI'; import cn from 'classnames'; import stl from './autoscroll.module.css'; diff --git a/frontend/app/components/Session_/EventsBlock/EventSearch/EventSearch.js b/frontend/app/components/Session_/EventsBlock/EventSearch/EventSearch.js index 965e9726d..419434d22 100644 --- a/frontend/app/components/Session_/EventsBlock/EventSearch/EventSearch.js +++ b/frontend/app/components/Session_/EventsBlock/EventSearch/EventSearch.js @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react' +import React from 'react' import { Input, Icon } from 'UI' import { PlayerContext } from 'App/components/Session/playerContext'; diff --git a/frontend/app/components/Session_/EventsBlock/UserCard/UserCard.js b/frontend/app/components/Session_/EventsBlock/UserCard/UserCard.js index 2e4e4daa1..bda25ad88 100644 --- a/frontend/app/components/Session_/EventsBlock/UserCard/UserCard.js +++ b/frontend/app/components/Session_/EventsBlock/UserCard/UserCard.js @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import React from 'react'; import { connect } from 'react-redux'; import { List } from 'immutable'; import { countries } from 'App/constants'; diff --git a/frontend/app/components/Session_/Fetch/components/Headers/Headers.tsx b/frontend/app/components/Session_/Fetch/components/Headers/Headers.tsx index c2ec31a07..17214a215 100644 --- a/frontend/app/components/Session_/Fetch/components/Headers/Headers.tsx +++ b/frontend/app/components/Session_/Fetch/components/Headers/Headers.tsx @@ -1,5 +1,5 @@ import React from 'react' -import { NoContent, TextEllipsis } from 'UI' +import { NoContent } from 'UI' import stl from './headers.module.css' import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG'; diff --git a/frontend/app/components/Session_/GraphQL/GQLDetails.js b/frontend/app/components/Session_/GraphQL/GQLDetails.js index 73eadb3ab..e7b00384e 100644 --- a/frontend/app/components/Session_/GraphQL/GQLDetails.js +++ b/frontend/app/components/Session_/GraphQL/GQLDetails.js @@ -1,5 +1,5 @@ import React from 'react'; -import { JSONTree, Button } from 'UI'; +import { JSONTree } from 'UI'; import cn from 'classnames'; export default class GQLDetails extends React.PureComponent { diff --git a/frontend/app/components/Session_/HeaderInfo.js b/frontend/app/components/Session_/HeaderInfo.js index c1cb5ae14..e53bd0c07 100644 --- a/frontend/app/components/Session_/HeaderInfo.js +++ b/frontend/app/components/Session_/HeaderInfo.js @@ -1,6 +1,5 @@ import React from 'react'; import { Icon } from 'UI'; -import styles from './headerInfo.module.css'; const HeaderInfo = ({ icon, label }) => { return ( diff --git a/frontend/app/components/Session_/Issues/IssueHeader.js b/frontend/app/components/Session_/Issues/IssueHeader.js index e98288589..6d666382b 100644 --- a/frontend/app/components/Session_/Issues/IssueHeader.js +++ b/frontend/app/components/Session_/Issues/IssueHeader.js @@ -1,7 +1,5 @@ import React from 'react'; -import { Icon, Input } from 'UI'; -import ActiveIssueClose from './ActiveIssueClose'; -import stl from './issueHeader.module.css'; +import { Icon } from 'UI'; const GotoSessionLink = props => ( diff --git a/frontend/app/components/Session_/Network/NetworkContent.js b/frontend/app/components/Session_/Network/NetworkContent.js index 2891a0597..d568feacf 100644 --- a/frontend/app/components/Session_/Network/NetworkContent.js +++ b/frontend/app/components/Session_/Network/NetworkContent.js @@ -1,6 +1,6 @@ import React from 'react'; import cn from 'classnames'; -import { QuestionMarkHint, Tooltip, Tabs, Input, NoContent, Icon, Toggler, Button } from 'UI'; +import { QuestionMarkHint, Tooltip, Tabs, Input, NoContent, Icon, Toggler } from 'UI'; import { getRE } from 'App/utils'; import { TYPES } from 'Types/session/resource'; import { formatBytes } from 'App/utils'; diff --git a/frontend/app/components/Session_/OverviewPanel/components/StackEventModal/StackEventModal.tsx b/frontend/app/components/Session_/OverviewPanel/components/StackEventModal/StackEventModal.tsx index 76490900a..51b150add 100644 --- a/frontend/app/components/Session_/OverviewPanel/components/StackEventModal/StackEventModal.tsx +++ b/frontend/app/components/Session_/OverviewPanel/components/StackEventModal/StackEventModal.tsx @@ -1,7 +1,7 @@ import React from 'react'; import JsonViewer from './components/JsonViewer'; import Sentry from './components/Sentry'; -import { OPENREPLAY, SENTRY, DATADOG, STACKDRIVER } from 'Types/session/stackEvent'; +import { SENTRY, DATADOG, STACKDRIVER } from 'Types/session/stackEvent'; interface Props { event: any; diff --git a/frontend/app/components/Session_/Player/Controls/components/DraggableCircle.tsx b/frontend/app/components/Session_/Player/Controls/components/DraggableCircle.tsx index 12d8e618c..1a8c9b3ab 100644 --- a/frontend/app/components/Session_/Player/Controls/components/DraggableCircle.tsx +++ b/frontend/app/components/Session_/Player/Controls/components/DraggableCircle.tsx @@ -1,4 +1,4 @@ -import React, { memo, FC, useEffect, useRef, CSSProperties } from 'react'; +import React, { memo, FC, useEffect, CSSProperties } from 'react'; import type { DragSourceMonitor } from 'react-dnd' import { useDrag } from 'react-dnd' import { getEmptyImage } from 'react-dnd-html5-backend' diff --git a/frontend/app/components/Session_/StackEvents/StackEvents.DEPRECATED.js b/frontend/app/components/Session_/StackEvents/StackEvents.DEPRECATED.js index 516a9adde..3ed7bab84 100644 --- a/frontend/app/components/Session_/StackEvents/StackEvents.DEPRECATED.js +++ b/frontend/app/components/Session_/StackEvents/StackEvents.DEPRECATED.js @@ -11,7 +11,6 @@ import { DATADOG, SENTRY, STACKDRIVER, typeList } from 'Types/session/stackEvent import { NoContent, SlideModal, Tabs, Link } from 'UI'; import Autoscroll from '../Autoscroll'; import BottomBlock from '../BottomBlock'; -import UserEvent from './UserEvent'; const ALL = 'ALL'; diff --git a/frontend/app/components/Session_/StackEvents/UserEvent/UserEvent.js b/frontend/app/components/Session_/StackEvents/UserEvent/UserEvent.js index 2dfd4d8aa..7403a3fa0 100644 --- a/frontend/app/components/Session_/StackEvents/UserEvent/UserEvent.js +++ b/frontend/app/components/Session_/StackEvents/UserEvent/UserEvent.js @@ -1,12 +1,8 @@ import React from 'react'; import cn from 'classnames'; -import { OPENREPLAY, SENTRY, DATADOG, STACKDRIVER } from 'Types/session/stackEvent'; +import { OPENREPLAY } from 'Types/session/stackEvent'; import { Icon } from 'UI'; import withToggle from 'HOCs/withToggle'; -import Sentry from './Sentry'; -import JsonViewer from './JsonViewer'; -import stl from './userEvent.module.css'; -import { Duration } from 'luxon'; import JumpButton from 'Shared/DevTools/JumpButton'; // const modalSources = [ SENTRY, DATADOG ]; diff --git a/frontend/app/components/Session_/Storage/Storge.DEPRECATED.js b/frontend/app/components/Session_/Storage/Storge.DEPRECATED.js index 660d2057e..fc5b19416 100644 --- a/frontend/app/components/Session_/Storage/Storge.DEPRECATED.js +++ b/frontend/app/components/Session_/Storage/Storge.DEPRECATED.js @@ -11,8 +11,6 @@ import { import { JSONTree, NoContent } from 'UI'; import { formatMs } from 'App/date'; import { diff } from 'deep-diff'; -import DiffTree from './DiffTree' -import { setIn } from 'immutable'; import { jump } from 'Player'; import Autoscroll from '../Autoscroll'; import BottomBlock from '../BottomBlock/index'; diff --git a/frontend/app/components/Session_/TimeTable/TimeTable.tsx b/frontend/app/components/Session_/TimeTable/TimeTable.tsx index d81a22dcf..5df7242ec 100644 --- a/frontend/app/components/Session_/TimeTable/TimeTable.tsx +++ b/frontend/app/components/Session_/TimeTable/TimeTable.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { List, AutoSizer } from 'react-virtualized'; import cn from 'classnames'; import { Duration } from "luxon"; -import { NoContent, IconButton, Button } from 'UI'; +import { NoContent, Button } from 'UI'; import { percentOf } from 'App/utils'; import BarRow from './BarRow'; diff --git a/frontend/app/components/Session_/components/HeaderMenu.tsx b/frontend/app/components/Session_/components/HeaderMenu.tsx index 003ca5ab3..9d70d8aab 100644 --- a/frontend/app/components/Session_/components/HeaderMenu.tsx +++ b/frontend/app/components/Session_/components/HeaderMenu.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Icon, Button } from 'UI'; +import { Button } from 'UI'; import styles from './menu.module.css'; import cn from 'classnames'; import OutsideClickDetectingDiv from 'Shared/OutsideClickDetectingDiv'; diff --git a/frontend/app/components/Signup/SignupForm/SignupForm.js b/frontend/app/components/Signup/SignupForm/SignupForm.js index 90580973d..f110d2dae 100644 --- a/frontend/app/components/Signup/SignupForm/SignupForm.js +++ b/frontend/app/components/Signup/SignupForm/SignupForm.js @@ -1,5 +1,5 @@ import React from 'react' -import { Form, Input, Icon, Button, Link, CircularLoader } from 'UI' +import { Form, Input, Icon, Button, Link } from 'UI' import { login } from 'App/routes' import ReCAPTCHA from 'react-google-recaptcha' import stl from './signup.module.css' diff --git a/frontend/app/components/hocs/withReport.tsx b/frontend/app/components/hocs/withReport.tsx index aebd72998..bbe34bc33 100644 --- a/frontend/app/components/hocs/withReport.tsx +++ b/frontend/app/components/hocs/withReport.tsx @@ -2,7 +2,7 @@ import React, { useEffect } from 'react'; import { convertElementToImage } from 'App/utils'; import { jsPDF } from 'jspdf'; import { useStore } from 'App/mstore'; -import { observer, useObserver } from 'mobx-react-lite'; +import { useObserver } from 'mobx-react-lite'; import { connect } from 'react-redux'; import { fileNameFormat } from 'App/utils'; import { toast } from 'react-toastify'; diff --git a/frontend/app/components/shared/CustomMetrics/CustomMetrics.tsx b/frontend/app/components/shared/CustomMetrics/CustomMetrics.tsx index 77a49a7e1..aedd4a097 100644 --- a/frontend/app/components/shared/CustomMetrics/CustomMetrics.tsx +++ b/frontend/app/components/shared/CustomMetrics/CustomMetrics.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import React from 'react'; import { IconButton } from 'UI'; import { connect } from 'react-redux'; import { edit, init } from 'Duck/customMetrics'; diff --git a/frontend/app/components/shared/DevTools/ProfilerPanel/ProfilerPanel.tsx b/frontend/app/components/shared/DevTools/ProfilerPanel/ProfilerPanel.tsx index f5709093b..0eabda0e4 100644 --- a/frontend/app/components/shared/DevTools/ProfilerPanel/ProfilerPanel.tsx +++ b/frontend/app/components/shared/DevTools/ProfilerPanel/ProfilerPanel.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import React from 'react'; import { observer } from 'mobx-react-lite'; import { TextEllipsis, Input } from 'UI'; import { PlayerContext } from 'App/components/Session/playerContext'; diff --git a/frontend/app/components/shared/DevTools/StackEventModal/StackEventModal.tsx b/frontend/app/components/shared/DevTools/StackEventModal/StackEventModal.tsx index c68c0ca80..991cca1ef 100644 --- a/frontend/app/components/shared/DevTools/StackEventModal/StackEventModal.tsx +++ b/frontend/app/components/shared/DevTools/StackEventModal/StackEventModal.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { DATADOG, SENTRY, STACKDRIVER, typeList } from 'Types/session/stackEvent'; +import { DATADOG, SENTRY, STACKDRIVER } from 'Types/session/stackEvent'; import JsonViewer from 'Components/Session_/StackEvents/UserEvent/JsonViewer'; import Sentry from 'Components/Session_/StackEvents/UserEvent/Sentry'; diff --git a/frontend/app/components/shared/DevTools/StackEventPanel/StackEventPanel.tsx b/frontend/app/components/shared/DevTools/StackEventPanel/StackEventPanel.tsx index b97e82e97..e36c17ccf 100644 --- a/frontend/app/components/shared/DevTools/StackEventPanel/StackEventPanel.tsx +++ b/frontend/app/components/shared/DevTools/StackEventPanel/StackEventPanel.tsx @@ -1,6 +1,6 @@ -import React, { useEffect, useMemo, useRef, useState } from 'react'; +import React, { useEffect, useMemo, useState } from 'react'; import { observer } from 'mobx-react-lite'; -import { Tooltip, Tabs, Input, NoContent, Icon, Toggler } from 'UI'; +import { Tabs, Input, NoContent, Icon } from 'UI'; import { List, CellMeasurer, AutoSizer } from 'react-virtualized'; import { PlayerContext } from 'App/components/Session/playerContext'; import BottomBlock from '../BottomBlock'; diff --git a/frontend/app/components/shared/DevTools/StackEventRow/StackEventRow.tsx b/frontend/app/components/shared/DevTools/StackEventRow/StackEventRow.tsx index 0d2eeb554..b32846c5b 100644 --- a/frontend/app/components/shared/DevTools/StackEventRow/StackEventRow.tsx +++ b/frontend/app/components/shared/DevTools/StackEventRow/StackEventRow.tsx @@ -2,7 +2,7 @@ import React from 'react'; import JumpButton from '../JumpButton'; import { Icon } from 'UI'; import cn from 'classnames'; -import { OPENREPLAY, SENTRY, DATADOG, STACKDRIVER } from 'Types/session/stackEvent'; +import { OPENREPLAY } from 'Types/session/stackEvent'; interface Props { event: any; diff --git a/frontend/app/components/shared/DevTools/TimeTable/BarRow.tsx b/frontend/app/components/shared/DevTools/TimeTable/BarRow.tsx index f283eb7ac..eaaebb754 100644 --- a/frontend/app/components/shared/DevTools/TimeTable/BarRow.tsx +++ b/frontend/app/components/shared/DevTools/TimeTable/BarRow.tsx @@ -1,4 +1,3 @@ -import { Tooltip } from 'UI'; import { percentOf } from 'App/utils'; import styles from './barRow.module.css'; import tableStyles from './timeTable.module.css'; diff --git a/frontend/app/components/shared/DevTools/useAutoscroll.ts b/frontend/app/components/shared/DevTools/useAutoscroll.ts index c466eb34f..5225f59ea 100644 --- a/frontend/app/components/shared/DevTools/useAutoscroll.ts +++ b/frontend/app/components/shared/DevTools/useAutoscroll.ts @@ -1,4 +1,4 @@ -import { useEffect, useState, useRef, useMemo } from 'react' +import { useEffect, useState, useMemo } from 'react' import { Timed } from 'Player' import useLatestRef from 'App/hooks/useLatestRef' import useCancelableTimeout from 'App/hooks/useCancelableTimeout' diff --git a/frontend/app/components/shared/FetchDetailsModal/components/Headers/Headers.tsx b/frontend/app/components/shared/FetchDetailsModal/components/Headers/Headers.tsx index 49bf12676..dbfdf81a8 100644 --- a/frontend/app/components/shared/FetchDetailsModal/components/Headers/Headers.tsx +++ b/frontend/app/components/shared/FetchDetailsModal/components/Headers/Headers.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { NoContent, TextEllipsis } from 'UI'; +import { NoContent } from 'UI'; import stl from './headers.module.css'; import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG'; diff --git a/frontend/app/components/shared/Filters/FilterItem/FilterItem.tsx b/frontend/app/components/shared/Filters/FilterItem/FilterItem.tsx index 854a15b75..60dd9b3a4 100644 --- a/frontend/app/components/shared/Filters/FilterItem/FilterItem.tsx +++ b/frontend/app/components/shared/Filters/FilterItem/FilterItem.tsx @@ -2,7 +2,7 @@ import React from 'react'; import FilterOperator from '../FilterOperator'; import FilterSelection from '../FilterSelection'; import FilterValue from '../FilterValue'; -import { Icon, Button } from 'UI'; +import { Button } from 'UI'; import FilterSource from '../FilterSource'; import { FilterKey, FilterType } from 'App/types/filter/filterType'; import SubFilterItem from '../SubFilterItem'; diff --git a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx index fa259b9f6..4e3656d20 100644 --- a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx +++ b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import React from 'react'; import { Icon, Loader } from 'UI'; import { connect } from 'react-redux'; import cn from 'classnames'; diff --git a/frontend/app/components/shared/Filters/LiveFilterModal/LiveFilterModal.tsx b/frontend/app/components/shared/Filters/LiveFilterModal/LiveFilterModal.tsx index db7913093..0716d3dd6 100644 --- a/frontend/app/components/shared/Filters/LiveFilterModal/LiveFilterModal.tsx +++ b/frontend/app/components/shared/Filters/LiveFilterModal/LiveFilterModal.tsx @@ -39,7 +39,6 @@ function LiveFilterModal(props: Props) { const isResultEmpty = (!filterSearchList || Object.keys(filterSearchList).filter(i => filtersMap[i].isLive).length === 0) && matchingCategories.length === 0 && matchingFilters.length === 0 - getMatchingEntries return (
diff --git a/frontend/app/components/shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx b/frontend/app/components/shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx index d64a91b5d..ad4d91be9 100644 --- a/frontend/app/components/shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx +++ b/frontend/app/components/shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { JSONTree, Button } from 'UI'; +import { JSONTree } from 'UI'; import cn from 'classnames'; interface Props { diff --git a/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx b/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx index 9e1792d78..077e3e446 100644 --- a/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx +++ b/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx @@ -1,4 +1,4 @@ -import React, { Fragment, useEffect } from 'react'; +import React, { useEffect } from 'react'; import { connect } from 'react-redux'; import { NoContent, Loader, Pagination, Button } from 'UI'; import { List } from 'immutable'; diff --git a/frontend/app/components/shared/SelectDateRange/SelectDateRange.tsx b/frontend/app/components/shared/SelectDateRange/SelectDateRange.tsx index e7d8c8831..627956675 100644 --- a/frontend/app/components/shared/SelectDateRange/SelectDateRange.tsx +++ b/frontend/app/components/shared/SelectDateRange/SelectDateRange.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { DATE_RANGE_OPTIONS, CUSTOM_RANGE } from 'App/dateRange'; import Select from 'Shared/Select'; -import Period, { LAST_7_DAYS } from 'Types/app/period'; +import Period from 'Types/app/period'; import { components } from 'react-select'; import DateRangePopup from 'Shared/DateRangeDropdown/DateRangePopup'; import OutsideClickDetectingDiv from 'Shared/OutsideClickDetectingDiv'; diff --git a/frontend/app/components/shared/SessionItem/SessionMetaList/SessionMetaList.tsx b/frontend/app/components/shared/SessionItem/SessionMetaList/SessionMetaList.tsx index 8257c47d0..1ed439fef 100644 --- a/frontend/app/components/shared/SessionItem/SessionMetaList/SessionMetaList.tsx +++ b/frontend/app/components/shared/SessionItem/SessionMetaList/SessionMetaList.tsx @@ -1,5 +1,4 @@ import React from 'react'; -import { Popup } from 'UI'; import cn from 'classnames'; import MetaItem from '../MetaItem'; import MetaMoreButton from '../MetaMoreButton'; diff --git a/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx b/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx index d445e926c..1ece07d7f 100644 --- a/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx +++ b/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Icon, Link } from 'UI'; +import { Link } from 'UI'; import PlayLink from 'Shared/SessionItem/PlayLink'; import { tagProps, Note } from 'App/services/NotesService'; import { formatTimeOrDate } from 'App/date'; diff --git a/frontend/app/components/shared/SessionListContainer/components/Notes/NoteList.tsx b/frontend/app/components/shared/SessionListContainer/components/Notes/NoteList.tsx index a6bc9c977..28db4a6ca 100644 --- a/frontend/app/components/shared/SessionListContainer/components/Notes/NoteList.tsx +++ b/frontend/app/components/shared/SessionListContainer/components/Notes/NoteList.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { NoContent, Pagination, Loader, Icon } from 'UI'; +import { NoContent, Pagination, Loader } from 'UI'; import { sliceListPerPage } from 'App/utils'; import NoteItem from './NoteItem'; import { observer } from 'mobx-react-lite'; diff --git a/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionList.tsx b/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionList.tsx index 7657cb66a..b8df9e446 100644 --- a/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionList.tsx +++ b/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionList.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import React, { useEffect } from 'react'; import { connect } from 'react-redux'; import { FilterKey } from 'Types/filter/filterType'; import SessionItem from 'Shared/SessionItem'; diff --git a/frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.js b/frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.js index 496d7aec8..201e51ce7 100644 --- a/frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.js +++ b/frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.js @@ -6,7 +6,6 @@ import { Checkbox } from 'UI'; import GDPR from 'Types/site/gdpr'; import cn from 'classnames' import styles from './projectCodeSnippet.module.css' -import Highlight from 'react-highlight' import Select from 'Shared/Select' import CodeSnippet from '../../CodeSnippet'; diff --git a/frontend/app/components/shared/TrackingCodeModal/TrackingCodeModal.js b/frontend/app/components/shared/TrackingCodeModal/TrackingCodeModal.js index 9534d875f..d8cc8b020 100644 --- a/frontend/app/components/shared/TrackingCodeModal/TrackingCodeModal.js +++ b/frontend/app/components/shared/TrackingCodeModal/TrackingCodeModal.js @@ -1,11 +1,9 @@ import React from 'react'; -import { Modal, Icon, Tabs } from 'UI'; -import styles from './trackingCodeModal.module.css'; +import { Tabs } from 'UI'; import { editGDPR, saveGDPR } from 'Duck/site'; import { connect } from 'react-redux'; import ProjectCodeSnippet from './ProjectCodeSnippet'; import InstallDocs from './InstallDocs'; -import cn from 'classnames'; const PROJECT = 'Using Script'; const DOCUMENTATION = 'Using NPM'; diff --git a/frontend/app/components/shared/UpdateFunnelButton/UpdateFunnelButton.tsx b/frontend/app/components/shared/UpdateFunnelButton/UpdateFunnelButton.tsx index 50c1215ed..9f7a2eb06 100644 --- a/frontend/app/components/shared/UpdateFunnelButton/UpdateFunnelButton.tsx +++ b/frontend/app/components/shared/UpdateFunnelButton/UpdateFunnelButton.tsx @@ -1,6 +1,5 @@ -import React, { useState } from 'react'; +import React from 'react'; import { IconButton } from 'UI'; -import FunnelSaveModal from 'App/components/Funnels/FunnelSaveModal'; import { connect } from 'react-redux'; import { save } from 'Duck/funnels'; diff --git a/frontend/app/components/shared/UserSessionsModal/UserSessionsModal.tsx b/frontend/app/components/shared/UserSessionsModal/UserSessionsModal.tsx index cb5baf47f..8692133f0 100644 --- a/frontend/app/components/shared/UserSessionsModal/UserSessionsModal.tsx +++ b/frontend/app/components/shared/UserSessionsModal/UserSessionsModal.tsx @@ -1,12 +1,9 @@ import React, { useEffect } from 'react'; import { useStore } from 'App/mstore'; -import Filter from 'Types/filter'; -import { filtersMap } from 'Types/filter/newFilter'; import { FilterKey } from 'App/types/filter/filterType'; import { NoContent, Pagination, Loader, Avatar } from 'UI'; import SessionItem from 'Shared/SessionItem'; import SelectDateRange from 'Shared/SelectDateRange'; -import Period from 'Types/app/period'; import { useObserver, observer } from 'mobx-react-lite'; import { useModal } from 'App/components/Modal'; import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG'; diff --git a/frontend/app/components/shared/WidgetAutoComplete/WidgetAutoComplete.js b/frontend/app/components/shared/WidgetAutoComplete/WidgetAutoComplete.js index 97fbc9b90..f7de177e6 100644 --- a/frontend/app/components/shared/WidgetAutoComplete/WidgetAutoComplete.js +++ b/frontend/app/components/shared/WidgetAutoComplete/WidgetAutoComplete.js @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { Icon, CircularLoader, Button, TextEllipsis } from 'UI'; +import { Icon, CircularLoader, Button } from 'UI'; import cn from 'classnames'; import stl from './widgetAutoComplete.module.css'; import { debounce } from 'App/utils'; diff --git a/frontend/app/components/shared/XRayButton/XRayButton.tsx b/frontend/app/components/shared/XRayButton/XRayButton.tsx index ae94df33a..ec7842991 100644 --- a/frontend/app/components/shared/XRayButton/XRayButton.tsx +++ b/frontend/app/components/shared/XRayButton/XRayButton.tsx @@ -1,8 +1,7 @@ -import React, { useEffect, useState } from 'react'; +import React, { useEffect } from 'react'; import stl from './xrayButton.module.css'; import cn from 'classnames'; import { Tooltip } from 'UI'; -import { FEATURE_KEYS } from 'Shared/GuidePopup'; import { PlayerContext } from 'App/components/Session/playerContext'; interface Props { diff --git a/frontend/app/components/ui/ErrorItem/ErrorItem.tsx b/frontend/app/components/ui/ErrorItem/ErrorItem.tsx index 74ad634d9..d64d24eb9 100644 --- a/frontend/app/components/ui/ErrorItem/ErrorItem.tsx +++ b/frontend/app/components/ui/ErrorItem/ErrorItem.tsx @@ -1,8 +1,6 @@ import React from 'react'; import cn from 'classnames'; -import { IconButton } from 'UI'; import stl from './errorItem.module.css'; -import { Duration } from 'luxon'; import { useModal } from 'App/components/Modal'; import ErrorDetailsModal from 'App/components/Dashboard/components/Errors/ErrorDetailsModal'; import JumpButton from 'Shared/DevTools/JumpButton'; diff --git a/frontend/app/components/ui/Label/Label.js b/frontend/app/components/ui/Label/Label.js index 371b80c9b..74ebb0f7d 100644 --- a/frontend/app/components/ui/Label/Label.js +++ b/frontend/app/components/ui/Label/Label.js @@ -1,5 +1,4 @@ import React from 'react'; -import styles from './label.module.css'; import cn from 'classnames'; export default ({ diff --git a/frontend/app/components/ui/NoSessionPermission/NoSessionPermission.tsx b/frontend/app/components/ui/NoSessionPermission/NoSessionPermission.tsx index 4d66e3f2e..ca62e8fb6 100644 --- a/frontend/app/components/ui/NoSessionPermission/NoSessionPermission.tsx +++ b/frontend/app/components/ui/NoSessionPermission/NoSessionPermission.tsx @@ -1,6 +1,6 @@ import React from "react"; import stl from "./NoSessionPermission.module.css"; -import { Icon, Button, Link } from "UI"; +import { Icon, Button } from "UI"; import { connect } from "react-redux"; import { sessions as sessionsRoute, diff --git a/frontend/app/components/ui/Tooltip/FloatingTooltip.tsx b/frontend/app/components/ui/Tooltip/FloatingTooltip.tsx index c157940de..a15382767 100644 --- a/frontend/app/components/ui/Tooltip/FloatingTooltip.tsx +++ b/frontend/app/components/ui/Tooltip/FloatingTooltip.tsx @@ -13,7 +13,7 @@ import { useInteractions, FloatingPortal, arrow, - computePosition, + } from '@floating-ui/react-dom-interactions'; import type { Placement } from '@floating-ui/react-dom-interactions'; import { INDEXES } from 'App/constants/zindex'; diff --git a/frontend/app/components/ui/Tooltip/Tooltip.tsx b/frontend/app/components/ui/Tooltip/Tooltip.tsx index eb1c16c2d..fcb5e1687 100644 --- a/frontend/app/components/ui/Tooltip/Tooltip.tsx +++ b/frontend/app/components/ui/Tooltip/Tooltip.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { useTooltipState, TooltipAnchor, FloatingTooltip, FloatingArrow } from './FloatingTooltip'; +import { useTooltipState, TooltipAnchor, FloatingTooltip } from './FloatingTooltip'; import type { Placement } from '@floating-ui/react-dom-interactions'; import cn from 'classnames'; diff --git a/frontend/app/components/ui/ui.stories.js b/frontend/app/components/ui/ui.stories.js index e8c276c27..eb20ca86b 100644 --- a/frontend/app/components/ui/ui.stories.js +++ b/frontend/app/components/ui/ui.stories.js @@ -1,5 +1,4 @@ import { storiesOf } from '@storybook/react'; -import { List } from 'immutable'; import SideMenuitem from './SideMenuitem'; import { Avatar, ErrorItem, ErrorFrame, ErrorDetails, TimelinePointer } from 'UI'; import Error from 'Types/session/error'; diff --git a/frontend/app/constants/card.ts b/frontend/app/constants/card.ts index 92032b2b2..5ffcd646f 100644 --- a/frontend/app/constants/card.ts +++ b/frontend/app/constants/card.ts @@ -1,5 +1,5 @@ import { IconNames } from 'App/components/ui/SVG'; -import { FilterKey, IssueType } from 'Types/filter/filterType'; +import { FilterKey } from 'Types/filter/filterType'; export interface CardType { title: string; diff --git a/frontend/app/constants/countryShortName.js b/frontend/app/constants/countryShortName.js index 05948ccd6..ef2a61eab 100644 --- a/frontend/app/constants/countryShortName.js +++ b/frontend/app/constants/countryShortName.js @@ -63,8 +63,6 @@ export default (countryName) => { return 'ATG'; case 'American Samoa': return 'ASM'; - case 'Brunei Darussalam': - return 'BRN'; case 'Palestine, State Of': return 'PSE'; case 'Saint Kitts and Nevis': diff --git a/frontend/app/duck/alerts.js b/frontend/app/duck/alerts.js new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/app/duck/components/targetDefiner.js b/frontend/app/duck/components/targetDefiner.js index 9f28e8c5c..c58726aa9 100644 --- a/frontend/app/duck/components/targetDefiner.js +++ b/frontend/app/duck/components/targetDefiner.js @@ -1,7 +1,6 @@ import { Map } from 'immutable'; import Target from 'Types/target'; import TargetCustom from 'Types/targetCustom'; -import withRequestState, { RequestTypes } from 'Duck/requestStateCreator'; const EDIT = 'targetDefiner/EDIT'; const SHOW = 'targetDefiner/SHOW'; diff --git a/frontend/app/duck/errors.js b/frontend/app/duck/errors.js index 8a23875cc..80d731bee 100644 --- a/frontend/app/duck/errors.js +++ b/frontend/app/duck/errors.js @@ -1,9 +1,9 @@ import { List, Map } from 'immutable'; import { clean as cleanParams } from 'App/api_client'; import ErrorInfo, { RESOLVED, UNRESOLVED, IGNORED, BOOKMARK } from 'Types/errorInfo'; -import { createFetch, fetchListType, fetchType } from './funcTools/crud'; +import { fetchListType, fetchType } from './funcTools/crud'; import { createRequestReducer, ROOT_KEY } from './funcTools/request'; -import { array, request, success, failure, createListUpdater, mergeReducers } from './funcTools/tools'; +import { array, success, failure, createListUpdater, mergeReducers } from './funcTools/tools'; import { reduceThenFetchResource } from './search' const name = "error"; diff --git a/frontend/app/duck/filters.js b/frontend/app/duck/filters.js index 8d9dbbff9..544fcb93c 100644 --- a/frontend/app/duck/filters.js +++ b/frontend/app/duck/filters.js @@ -2,12 +2,12 @@ import { List, Map, Set } from 'immutable'; import { errors as errorsRoute, isRoute } from "App/routes"; import Filter from 'Types/filter'; import SavedFilter from 'Types/filter/savedFilter'; -import Event, { TYPES } from 'Types/filter/event'; +import Event from 'Types/filter/event'; import CustomFilter, { KEYS } from 'Types/filter/customFilter'; import withRequestState, { RequestTypes } from './requestStateCreator'; import { fetchList as fetchSessionList } from './sessions'; import { fetchList as fetchErrorsList } from './errors'; -import { fetchListType, fetchType, saveType, editType, initType, removeType } from './funcTools/crud/types'; +import { editType } from './funcTools/crud/types'; const ERRORS_ROUTE = errorsRoute(); diff --git a/frontend/app/duck/funnelFilters.js b/frontend/app/duck/funnelFilters.js index 298cdd445..c9f40846a 100644 --- a/frontend/app/duck/funnelFilters.js +++ b/frontend/app/duck/funnelFilters.js @@ -1,14 +1,11 @@ -import { fromJS, List, Map, Set } from 'immutable'; -import { errors as errorsRoute, isRoute } from "App/routes"; +import { List, Map, Set } from 'immutable'; +import { errors as errorsRoute } from "App/routes"; import Filter from 'Types/filter'; import SavedFilter from 'Types/filter/savedFilter'; -import Event, { TYPES } from 'Types/filter/event'; +import Event from 'Types/filter/event'; import CustomFilter from 'Types/filter/customFilter'; import withRequestState, { RequestTypes } from './requestStateCreator'; -import { fetchList as fetchSessionList } from './sessions'; -import { fetchList as fetchErrorsList } from './errors'; import { fetch as fetchFunnel, fetchInsights, fetchIssuesFiltered, fetchSessionsFiltered } from './funnels'; -import logger from 'App/logger'; const ERRORS_ROUTE = errorsRoute(); diff --git a/frontend/app/duck/funnels.js b/frontend/app/duck/funnels.js index d175b64d5..330828882 100644 --- a/frontend/app/duck/funnels.js +++ b/frontend/app/duck/funnels.js @@ -145,10 +145,6 @@ const reducer = (state = initialState, action = {}) => { return state.update('list', itemInListUpdater(CustomField(action.data))) case REMOVE_SUCCESS: return state.update('list', list => list.filter(item => item.index !== action.index)); - case INIT: - return state.set('instance', Funnel(action.instance)); - case EDIT: - return state.mergeIn([ 'instance' ], action.instance); case APPLY_FILTER: return state.mergeIn([ action.filterType ], Array.isArray(action.filter) ? action.filter : Map(action.filter)); case APPLY_ISSUE_FILTER: diff --git a/frontend/app/duck/integrations/actions.js b/frontend/app/duck/integrations/actions.js index 9ab831c41..1f926014f 100644 --- a/frontend/app/duck/integrations/actions.js +++ b/frontend/app/duck/integrations/actions.js @@ -1,4 +1,3 @@ -import { array } from '../funcTools/tools'; import { fetchListType, fetchType, saveType, editType, initType, removeType } from '../funcTools/types'; export function fetchList(name) { diff --git a/frontend/app/duck/integrations/integrations.js b/frontend/app/duck/integrations/integrations.js index 7f6999ea8..c21952b9b 100644 --- a/frontend/app/duck/integrations/integrations.js +++ b/frontend/app/duck/integrations/integrations.js @@ -1,5 +1,4 @@ import { Map } from 'immutable'; -import withRequestState from 'Duck/requestStateCreator'; import { fetchListType } from '../funcTools/types'; import { createRequestReducer } from '../funcTools/request'; diff --git a/frontend/app/duck/issues.js b/frontend/app/duck/issues.js index 6cc97a96f..ce68d31e4 100644 --- a/frontend/app/duck/issues.js +++ b/frontend/app/duck/issues.js @@ -2,7 +2,7 @@ import Assignment from 'Types/session/assignment'; import Activity from 'Types/session/activity'; import { List, Map, Set } from 'immutable'; import withRequestState, { RequestTypes } from 'Duck/requestStateCreator'; -import { createListUpdater, createItemInListUpdater } from './funcTools/tools'; +import { createListUpdater } from './funcTools/tools'; import { editType, initType } from './funcTools/crud/types'; import { createInit, createEdit } from './funcTools/crud'; diff --git a/frontend/app/duck/liveSearch.js b/frontend/app/duck/liveSearch.js index 8500158bd..499f6c740 100644 --- a/frontend/app/duck/liveSearch.js +++ b/frontend/app/duck/liveSearch.js @@ -3,7 +3,7 @@ import { fetchListType, fetchType, editType } from './funcTools/crud'; import { createRequestReducer } from './funcTools/request'; import { mergeReducers, success } from './funcTools/tools'; import Filter from 'Types/filter'; -import { liveFiltersMap, filtersMap } from 'Types/filter/newFilter'; +import { liveFiltersMap } from 'Types/filter/newFilter'; import { filterMap, checkFilterValue, hasFilterApplied } from './search'; import Session from 'Types/session'; diff --git a/frontend/app/duck/rehydrate.js b/frontend/app/duck/rehydrate.js index 4dd424ba4..df0b4ff50 100644 --- a/frontend/app/duck/rehydrate.js +++ b/frontend/app/duck/rehydrate.js @@ -1,7 +1,7 @@ import { List, Map } from 'immutable'; import RehydrateJob from 'Types/rehydrateJob'; -import { mergeReducers, success, array } from './funcTools/tools'; +import { mergeReducers } from './funcTools/tools'; import { createRequestReducer } from './funcTools/request'; import { createCRUDReducer, diff --git a/frontend/app/duck/search.js b/frontend/app/duck/search.js index 569eec435..715bddcfb 100644 --- a/frontend/app/duck/search.js +++ b/frontend/app/duck/search.js @@ -1,7 +1,7 @@ import { List, Map } from 'immutable'; import { fetchListType, fetchType, saveType, removeType, editType } from './funcTools/crud'; import { createRequestReducer, ROOT_KEY } from './funcTools/request'; -import { array, success, createListUpdater, mergeReducers } from './funcTools/tools'; +import { array, success, mergeReducers } from './funcTools/tools'; import Filter from 'Types/filter'; import SavedFilter from 'Types/filter/savedFilter'; import { errors as errorsRoute, isRoute } from 'App/routes'; diff --git a/frontend/app/duck/sessions.ts b/frontend/app/duck/sessions.ts index 79298de87..5fe92192d 100644 --- a/frontend/app/duck/sessions.ts +++ b/frontend/app/duck/sessions.ts @@ -1,7 +1,7 @@ import { List, Map } from 'immutable'; import Session from 'Types/session'; import ErrorStack from 'Types/session/errorStack'; -import { Location, InjectedEvent } from 'Types/session/event' +import { Location } from 'Types/session/event' import Watchdog from 'Types/watchdog'; import { clean as cleanParams } from 'App/api_client'; import withRequestState, { RequestTypes } from './requestStateCreator'; diff --git a/frontend/app/duck/site.js b/frontend/app/duck/site.js index 54d1e1688..4ce55bba5 100644 --- a/frontend/app/duck/site.js +++ b/frontend/app/duck/site.js @@ -10,7 +10,6 @@ import { import { createCRUDReducer, getCRUDRequestTypes, - createFetchList, createInit, createEdit, createRemove, diff --git a/frontend/app/mstore/assistMultiviewStore.ts b/frontend/app/mstore/assistMultiviewStore.ts index 379f852cb..e05a5e433 100644 --- a/frontend/app/mstore/assistMultiviewStore.ts +++ b/frontend/app/mstore/assistMultiviewStore.ts @@ -2,7 +2,7 @@ import { makeAutoObservable } from 'mobx'; import { sessionService } from 'App/services'; import Filter from 'Types/filter'; import Session from 'Types/session'; -import { List, Map } from 'immutable'; +import { List } from 'immutable'; type MultiSessions = [ LiveSessionListItem?, diff --git a/frontend/app/mstore/auditStore.ts b/frontend/app/mstore/auditStore.ts index efc34d65d..2603c1ac4 100644 --- a/frontend/app/mstore/auditStore.ts +++ b/frontend/app/mstore/auditStore.ts @@ -1,11 +1,10 @@ -import { makeAutoObservable, runInAction, observable, action, reaction } from "mobx" +import { makeAutoObservable, runInAction, observable, action } from "mobx" import { auditService } from "App/services" import Audit from './types/audit' import Period, { LAST_7_DAYS } from 'Types/app/period'; import { toast } from 'react-toastify'; import { exportCSVFile } from 'App/utils'; -import { formatDateTimeDefault } from 'App/date'; -import { DateTime, Duration } from 'luxon'; // TODO +import { DateTime } from 'luxon'; // TODO export default class AuditStore { list: any[] = []; diff --git a/frontend/app/mstore/errorStore.ts b/frontend/app/mstore/errorStore.ts index 32b095ade..b7aaed549 100644 --- a/frontend/app/mstore/errorStore.ts +++ b/frontend/app/mstore/errorStore.ts @@ -1,4 +1,4 @@ -import { makeAutoObservable, runInAction, observable, action, reaction } from "mobx" +import { makeAutoObservable } from "mobx" import { errorService } from "App/services" import Error from "./types/error" diff --git a/frontend/app/mstore/funnelStore.ts b/frontend/app/mstore/funnelStore.ts index f0a9d5384..818c51e59 100644 --- a/frontend/app/mstore/funnelStore.ts +++ b/frontend/app/mstore/funnelStore.ts @@ -1,4 +1,4 @@ -import { makeAutoObservable, runInAction, observable, action, reaction } from "mobx" +import { makeAutoObservable, action } from "mobx" import { funnelService } from "App/services" import Funnel, { IFunnel } from "./types/funnel"; import Session from './types/session'; diff --git a/frontend/app/mstore/metricStore.ts b/frontend/app/mstore/metricStore.ts index dc4d31aea..ac29401aa 100644 --- a/frontend/app/mstore/metricStore.ts +++ b/frontend/app/mstore/metricStore.ts @@ -3,7 +3,7 @@ import Widget from './types/widget'; import { metricService, errorService } from 'App/services'; import { toast } from 'react-toastify'; import Error from './types/error'; -import { TIMESERIES, TABLE, CLICKMAP, FUNNEL, ERRORS, RESOURCE_MONITORING, PERFORMANCE, WEB_VITALS } from 'App/constants/card'; +import { TIMESERIES, TABLE, FUNNEL, ERRORS, RESOURCE_MONITORING, PERFORMANCE, WEB_VITALS } from 'App/constants/card'; export default class MetricStore { isLoading: boolean = false; diff --git a/frontend/app/mstore/roleStore.ts b/frontend/app/mstore/roleStore.ts index 6f87b4bcb..45c8b65d0 100644 --- a/frontend/app/mstore/roleStore.ts +++ b/frontend/app/mstore/roleStore.ts @@ -1,4 +1,4 @@ -import { makeAutoObservable, observable, action } from "mobx" +import { makeAutoObservable, observable } from "mobx" import { userService } from "App/services"; import Role, { IRole } from "./types/role"; diff --git a/frontend/app/mstore/settingsStore.ts b/frontend/app/mstore/settingsStore.ts index dc4f6baa4..2f1dcba4e 100644 --- a/frontend/app/mstore/settingsStore.ts +++ b/frontend/app/mstore/settingsStore.ts @@ -1,4 +1,4 @@ -import { makeAutoObservable, observable, action } from "mobx" +import { makeAutoObservable, observable } from "mobx" import SessionSettings from "./types/sessionSettings" import { sessionService } from "App/services" import { toast } from 'react-toastify'; diff --git a/frontend/app/mstore/types/filterItem.ts b/frontend/app/mstore/types/filterItem.ts index 9214fb9bd..65d79e22d 100644 --- a/frontend/app/mstore/types/filterItem.ts +++ b/frontend/app/mstore/types/filterItem.ts @@ -1,4 +1,4 @@ -import { makeAutoObservable, runInAction, observable, action, reaction } from 'mobx'; +import { makeAutoObservable, observable, action } from 'mobx'; import { FilterKey, FilterType, FilterCategory } from 'Types/filter/filterType'; import { filtersMap } from 'Types/filter/newFilter'; diff --git a/frontend/app/mstore/types/filterSeries.ts b/frontend/app/mstore/types/filterSeries.ts index c3051e612..fa693a2d4 100644 --- a/frontend/app/mstore/types/filterSeries.ts +++ b/frontend/app/mstore/types/filterSeries.ts @@ -1,6 +1,6 @@ // import Filter from 'Types/filter'; import Filter from './filter' -import { makeAutoObservable, runInAction, observable, action, reaction } from "mobx" +import { makeAutoObservable, observable, action } from "mobx" export default class FilterSeries { public static get ID_KEY():string { return "seriesId" } diff --git a/frontend/app/mstore/types/sessionSettings.ts b/frontend/app/mstore/types/sessionSettings.ts index bde66cdaf..ece447dbb 100644 --- a/frontend/app/mstore/types/sessionSettings.ts +++ b/frontend/app/mstore/types/sessionSettings.ts @@ -1,4 +1,4 @@ -import { makeAutoObservable, runInAction, action } from 'mobx'; +import { makeAutoObservable, runInAction } from 'mobx'; import moment from 'moment'; import { SKIP_TO_ISSUE, TIMEZONE, DURATION_FILTER } from 'App/constants/storageKeys'; diff --git a/frontend/app/player/player/Animator.ts b/frontend/app/player/player/Animator.ts index fe52392c2..265e4a422 100644 --- a/frontend/app/player/player/Animator.ts +++ b/frontend/app/player/player/Animator.ts @@ -1,5 +1,4 @@ import type { Store, Moveable, Interval } from '../common/types'; -import * as localStorage from './localStorage'; const fps = 60 const performance: { now: () => number } = window.performance || { now: Date.now.bind(Date) } diff --git a/frontend/app/player/player/Player.ts b/frontend/app/player/player/Player.ts index 95a3c45de..837443f3f 100644 --- a/frontend/app/player/player/Player.ts +++ b/frontend/app/player/player/Player.ts @@ -2,7 +2,7 @@ import * as typedLocalStorage from './localStorage'; import type { Moveable, Cleanable, Store } from '../common/types'; import Animator from './Animator'; -import type { GetState as AnimatorGetState, SetState as AnimatorSetState } from './Animator'; +import type { GetState as AnimatorGetState } from './Animator'; /* == separate this == */ diff --git a/frontend/app/player/web/WebPlayer.ts b/frontend/app/player/web/WebPlayer.ts index e27432daf..81df4d3ca 100644 --- a/frontend/app/player/web/WebPlayer.ts +++ b/frontend/app/player/web/WebPlayer.ts @@ -1,7 +1,7 @@ import { Log, LogLevel } from './types' import type { Store } from 'App/player' -import Player, { State as PlayerState } from '../player/Player' +import Player from '../player/Player' import MessageManager from './MessageManager' import InspectorController from './addons/InspectorController' diff --git a/frontend/app/player/web/assist/AssistManager.ts b/frontend/app/player/web/assist/AssistManager.ts index ec41e5382..13de4ebdd 100644 --- a/frontend/app/player/web/assist/AssistManager.ts +++ b/frontend/app/player/web/assist/AssistManager.ts @@ -4,7 +4,6 @@ import type { Store } from '../../common/types' import type { Message } from '../messages'; import MStreamReader from '../messages/MStreamReader'; import JSONRawMessageReader from '../messages/JSONRawMessageReader' -import appStore from 'App/store'; import Call, { CallingState } from './Call'; import RemoteControl, { RemoteControlStatus } from './RemoteControl' import ScreenRecording, { SessionRecordingStatus } from './ScreenRecording' diff --git a/frontend/app/player/web/managers/DOM/DOMManager.ts b/frontend/app/player/web/managers/DOM/DOMManager.ts index e47a803fd..198c096ad 100644 --- a/frontend/app/player/web/managers/DOM/DOMManager.ts +++ b/frontend/app/player/web/managers/DOM/DOMManager.ts @@ -1,8 +1,7 @@ import logger from 'App/logger'; import type Screen from '../../Screen/Screen'; -import type MessageManager from '../../MessageManager'; -import type { Message, SetNodeScroll, CreateElementNode } from '../../messages'; +import type { Message, SetNodeScroll } from '../../messages'; import { MType } from '../../messages'; import ListWalker from '../../../common/ListWalker'; diff --git a/frontend/app/player/web/managers/DOM/StylesManager.ts b/frontend/app/player/web/managers/DOM/StylesManager.ts index c38ea0281..295b95d2f 100644 --- a/frontend/app/player/web/managers/DOM/StylesManager.ts +++ b/frontend/app/player/web/managers/DOM/StylesManager.ts @@ -1,5 +1,4 @@ import type Screen from '../../Screen/Screen'; -import type MessageManager from '../../MessageManager' import type { CssInsertRule, CssDeleteRule } from '../../messages'; type CSSRuleMessage = CssInsertRule | CssDeleteRule; diff --git a/frontend/app/player/web/managers/MouseMoveManager.ts b/frontend/app/player/web/managers/MouseMoveManager.ts index ea08e1bc9..1b19d7e5b 100644 --- a/frontend/app/player/web/managers/MouseMoveManager.ts +++ b/frontend/app/player/web/managers/MouseMoveManager.ts @@ -1,5 +1,4 @@ import type Screen from '../Screen/Screen' -import type { Point } from '../Screen/types' import type { MouseMove } from '../messages' import ListWalker from '../../common/ListWalker' diff --git a/frontend/app/player/web/managers/PagesManager.ts b/frontend/app/player/web/managers/PagesManager.ts index 35d47a670..dbc64bb72 100644 --- a/frontend/app/player/web/managers/PagesManager.ts +++ b/frontend/app/player/web/managers/PagesManager.ts @@ -1,6 +1,5 @@ import type Screen from '../Screen/Screen'; import type { Message } from '../messages'; -import type MessageManager from '../MessageManager'; import { MType } from '../messages'; import ListWalker from '../../common/ListWalker'; diff --git a/frontend/app/player/web/messages/JSONRawMessageReader.ts b/frontend/app/player/web/messages/JSONRawMessageReader.ts index 6a9cfb4f9..ca193c326 100644 --- a/frontend/app/player/web/messages/JSONRawMessageReader.ts +++ b/frontend/app/player/web/messages/JSONRawMessageReader.ts @@ -1,6 +1,5 @@ import type { RawMessage } from './raw.gen' import type { TrackerMessage } from './tracker.gen' -import { MType } from './raw.gen' import translate from './tracker.gen' import { TP_MAP } from './tracker-legacy.gen' import resolveURL from './urlBasedResolver' diff --git a/frontend/app/player/web/messages/MStreamReader.ts b/frontend/app/player/web/messages/MStreamReader.ts index 4b08aae9e..a61e374cd 100644 --- a/frontend/app/player/web/messages/MStreamReader.ts +++ b/frontend/app/player/web/messages/MStreamReader.ts @@ -1,7 +1,6 @@ import type { Message } from './message.gen' import type { RawMessage } from './raw.gen' import { MType } from './raw.gen' -import RawMessageReader from './RawMessageReader.gen' interface RawMessageReaderI { readMessage(): RawMessage | null diff --git a/frontend/app/types/alert.js b/frontend/app/types/alert.js new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/app/types/errorInfo.js b/frontend/app/types/errorInfo.js index 7da9c3a9b..28f3b2708 100644 --- a/frontend/app/types/errorInfo.js +++ b/frontend/app/types/errorInfo.js @@ -1,4 +1,3 @@ -import { List } from 'immutable'; import Record from './Record'; import Session from './session'; diff --git a/frontend/app/types/filter/customFilter.js b/frontend/app/types/filter/customFilter.js index 59e47d985..29557da21 100644 --- a/frontend/app/types/filter/customFilter.js +++ b/frontend/app/types/filter/customFilter.js @@ -1,6 +1,5 @@ import Record from 'Types/Record'; import Target from 'Types/target'; -import { camelCased } from 'App/utils'; import { getEventIcon } from 'Types/filter'; const CLICK = 'CLICK'; diff --git a/frontend/app/types/filter/filter.js b/frontend/app/types/filter/filter.js index 864613678..3ae206d45 100644 --- a/frontend/app/types/filter/filter.js +++ b/frontend/app/types/filter/filter.js @@ -5,7 +5,6 @@ import { TYPES } from 'Types/filter/event'; import { DATE_RANGE_VALUES, CUSTOM_RANGE, - dateRangeValues, getDateRangeFromValue } from 'App/dateRange'; import Event from './event'; diff --git a/frontend/app/types/filter/index.js b/frontend/app/types/filter/index.js index 386ea96a0..57ffd3fc9 100644 --- a/frontend/app/types/filter/index.js +++ b/frontend/app/types/filter/index.js @@ -170,7 +170,6 @@ export const defaultOperator = (filter) => { case TYPES.USER_COUNTRY: case TYPES.METADATA: case 'metadata': - case TYPES.CUSTOM: case TYPES.LOCATION: case TYPES.VIEW: return 'is'; diff --git a/frontend/app/types/filter/savedFilter.js b/frontend/app/types/filter/savedFilter.js index 7b414430f..006f22047 100644 --- a/frontend/app/types/filter/savedFilter.js +++ b/frontend/app/types/filter/savedFilter.js @@ -1,7 +1,6 @@ import Record from 'Types/Record'; import Filter from './filter'; -import { List } from 'immutable'; -import { notEmptyString, validateName } from 'App/validate'; +import { notEmptyString } from 'App/validate'; export default Record({ searchId: undefined, diff --git a/frontend/app/types/funnel.js b/frontend/app/types/funnel.js index d06e518b5..24d4e02a8 100644 --- a/frontend/app/types/funnel.js +++ b/frontend/app/types/funnel.js @@ -1,6 +1,5 @@ import Record from 'Types/Record'; import Filter from 'Types/filter'; -import { truncate } from 'App/utils'; // import { validateURL, validateName } from 'App/validate'; const getRedableName = ({ type, value, operator }) => { diff --git a/frontend/app/types/session/error.ts b/frontend/app/types/session/error.ts index 66d2db096..45bd759ef 100644 --- a/frontend/app/types/session/error.ts +++ b/frontend/app/types/session/error.ts @@ -1,5 +1,3 @@ -import Record from 'Types/Record'; - function getStck0InfoString(stack: Stack) { const stack0 = stack[0]; if (!stack0) return ""; diff --git a/frontend/app/types/session/event.ts b/frontend/app/types/session/event.ts index 569a1903e..6a99d536a 100644 --- a/frontend/app/types/session/event.ts +++ b/frontend/app/types/session/event.ts @@ -1,6 +1,3 @@ -import Record from 'Types/Record'; -import Target from 'Types/target'; - const CONSOLE = 'CONSOLE'; const CLICK = 'CLICK'; const INPUT = 'INPUT'; diff --git a/frontend/app/types/synthetics/index.js b/frontend/app/types/synthetics/index.js index 1c693ae88..1cec8da81 100644 --- a/frontend/app/types/synthetics/index.js +++ b/frontend/app/types/synthetics/index.js @@ -1,10 +1,5 @@ -import { Map, List } from 'immutable'; -import Session from 'Types/session'; -import { camelCased } from 'App/utils'; - -import { getChartFormatter } from './helper'; +import { getChartFormatter } from './helper'; import DomBuildingTime from './domBuildingTime'; -import ResourceLoadingTime from './resourceLoadingTime'; export const WIDGET_LIST = [ { diff --git a/frontend/app/types/ts/search.ts b/frontend/app/types/ts/search.ts index 32660818b..432f9e3f7 100644 --- a/frontend/app/types/ts/search.ts +++ b/frontend/app/types/ts/search.ts @@ -1,5 +1,3 @@ -import { List } from 'immutable'; - export interface SavedSearch { count: number; createdAt: number; diff --git a/frontend/app/utils/index.ts b/frontend/app/utils/index.ts index b9ab9f8bf..c9bed5e46 100644 --- a/frontend/app/utils/index.ts +++ b/frontend/app/utils/index.ts @@ -2,7 +2,6 @@ import JSBI from 'jsbi'; import chroma from 'chroma-js'; import * as htmlToImage from 'html-to-image'; import { SESSION_FILTER } from 'App/constants/storageKeys'; -import { useEffect, useRef, useState } from 'react'; export function debounce(callback, wait, context = this) { let timeout = null; diff --git a/frontend/scripts/constants.js b/frontend/scripts/constants.js index 32b4de9a6..759dcb621 100644 --- a/frontend/scripts/constants.js +++ b/frontend/scripts/constants.js @@ -3,7 +3,7 @@ const countries = require('country-data').countries; delete countries['UK']; delete countries['EU']; -for (code in countries) { +for (let code in countries) { const country = countries[code]; if (code.length != 2) { delete countries[code]; diff --git a/frontend/webpack.config.ts b/frontend/webpack.config.ts index 94df4d579..6dd02728f 100644 --- a/frontend/webpack.config.ts +++ b/frontend/webpack.config.ts @@ -1,6 +1,6 @@ import webpack from "webpack"; import path from "path"; -import { Configuration as WebpackConfiguration, HotModuleReplacementPlugin } from "webpack"; +import { Configuration as WebpackConfiguration } from "webpack"; import { Configuration as WebpackDevServerConfiguration } from 'webpack-dev-server'; import CopyWebpackPlugin from 'copy-webpack-plugin'; import HtmlWebpackPlugin from "html-webpack-plugin";