change(ui): small cleanup

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;

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

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 React, { useState } from 'react';
-import { SlideModal, Avatar, TextEllipsis, Icon } from 'UI';
 import SessionList from '../SessionList';
 import stl from './assistTabs.module.css'
 

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

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;

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 {

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

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

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 (

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 {

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

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,
+    CartesianGrid, Tooltip,
-    LineChart, Line, Legend, ResponsiveContainer, 
+    ResponsiveContainer,
     XAxis, YAxis
   } from 'recharts';
 

frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallWithErrors/CallWithErrors.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Loader, NoContent } from 'UI';
+import { NoContent } from 'UI';
-import { Styles, Table } from '../../common';
+import { Table } from '../../common';
 import { getRE } from 'App/utils';
 import ImageInfo from './ImageInfo';
 import MethodType from './MethodType';

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

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,
+    CartesianGrid, Tooltip,
-    LineChart, Line, Legend, ResponsiveContainer, 
+    ResponsiveContainer,
     XAxis, YAxis
   } from 'recharts';
 import { NO_METRIC_DATA } from 'App/constants/messages'

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'

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,
+    CartesianGrid, Tooltip,
-    LineChart, Line, Legend, ResponsiveContainer, 
+    ResponsiveContainer,
     XAxis, YAxis
   } from 'recharts';
 import { NO_METRIC_DATA } from 'App/constants/messages'

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,
+    CartesianGrid, Tooltip,
-    LineChart, Line, Legend, ResponsiveContainer, 
+    ResponsiveContainer,
     XAxis, YAxis
   } from 'recharts';
 import { NO_METRIC_DATA } from 'App/constants/messages'

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

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'
 

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'

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,
+    CartesianGrid, Tooltip,
-    LineChart, Line, Legend, ResponsiveContainer, 
+    ResponsiveContainer,
     XAxis, YAxis
   } from 'recharts';
 import { NO_METRIC_DATA } from 'App/constants/messages'

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

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 { SideMenuitem, Icon } from 'UI';
-import { withSiteId, dashboardSelected, metrics } from 'App/routes';
+import { withSiteId, dashboardSelected } from 'App/routes';
 import { withRouter } from 'react-router-dom';
 import { useModal } from 'App/components/Modal';
 

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

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

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

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;

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;

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 {

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 {

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

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

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

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 { RESOLVED } from 'Types/errorInfo';
-import { UNRESOLVED, RESOLVED, IGNORED } 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';

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 { Set } from "immutable";
-import { NoContent, Loader, Checkbox, LoadMoreButton, IconButton, Input, DropdownPlain, Pagination } from 'UI';
+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';

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

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

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'

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

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;

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

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

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

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

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;

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

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

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() {

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 (

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 { useEffect } from 'react';
-import { connect } from 'react-redux';
 import cn from 'classnames';
 
-import { Popup, Icon } from 'UI';
-
 import Timeline from './Timeline';
 import ControlButton from './ControlButton';
 

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

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

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

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

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

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

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 {

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 (

frontend/app/components/Session_/Issues/IssueHeader.js

@@ -1,7 +1,5 @@
 import React from 'react';
-import { Icon, Input } from 'UI';
+import { Icon } from 'UI';
-import ActiveIssueClose from './ActiveIssueClose';
-import stl from './issueHeader.module.css';
 
 const GotoSessionLink = props => (
   <a className="flex items-center absolute right-0 mr-3 cursor-pointer">

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

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;

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'

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

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

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

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

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

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'

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

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

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

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

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

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;

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

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'

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

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

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

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 (
     <div className={stl.wrapper} style={{ width: '490px', maxHeight: '400px', overflowY: 'auto'}}>
       <div className="">

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 {

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

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

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

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

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

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

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

frontend/app/components/shared/TrackingCodeModal/TrackingCodeModal.js

@@ -1,11 +1,9 @@
 import React from 'react';
-import { Modal, Icon, Tabs } from 'UI';
+import { Tabs } from 'UI';
-import styles from './trackingCodeModal.module.css';
 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';

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

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

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

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 {

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