Skip to content

Commit bbfb471

Browse files
ryan953andrewshie-sentry
ryan953
authored and
andrewshie-sentry
committed
chore(lint): Auto-fix some eslint issues (#89345)
Followup to #89334
1 parent cfbdf44 commit bbfb471

32 files changed

+156
-148
lines changed

‎static/app/components/devtoolbar/components/alerts/alertsPanel.tsx

Lines changed: 18 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,24 @@ import {css} from '@emotion/react';
33
import {ActorAvatar} from 'sentry/components/core/avatar/actorAvatar';
44
import {AlertBadge} from 'sentry/components/core/badge/alertBadge';
55
import AnalyticsProvider from 'sentry/components/devtoolbar/components/analyticsProvider';
6+
import InfiniteListItems from 'sentry/components/devtoolbar/components/infiniteListItems';
7+
import InfiniteListState from 'sentry/components/devtoolbar/components/infiniteListState';
8+
import PanelLayout from 'sentry/components/devtoolbar/components/panelLayout';
9+
import SentryAppLink from 'sentry/components/devtoolbar/components/sentryAppLink';
10+
import useTeams from 'sentry/components/devtoolbar/components/teams/useTeams';
11+
import useConfiguration from 'sentry/components/devtoolbar/hooks/useConfiguration';
12+
import {
13+
badgeWithLabelCss,
14+
gridFlexEndCss,
15+
listItemGridCss,
16+
listItemPlaceholderWrapperCss,
17+
} from 'sentry/components/devtoolbar/styles/listItem';
18+
import {
19+
panelInsetContentCss,
20+
panelSectionCss,
21+
} from 'sentry/components/devtoolbar/styles/panel';
22+
import {resetFlexColumnCss} from 'sentry/components/devtoolbar/styles/reset';
23+
import {smallCss, xSmallCss} from 'sentry/components/devtoolbar/styles/typography';
624
import Placeholder from 'sentry/components/placeholder';
725
import TextOverflow from 'sentry/components/textOverflow';
826
import TimeSince from 'sentry/components/timeSince';
@@ -11,22 +29,6 @@ import type {Organization} from 'sentry/types/organization';
1129
import type {Incident} from 'sentry/views/alerts/types';
1230
import {alertDetailsLink} from 'sentry/views/alerts/utils';
1331

14-
import useConfiguration from '../../hooks/useConfiguration';
15-
import {
16-
badgeWithLabelCss,
17-
gridFlexEndCss,
18-
listItemGridCss,
19-
listItemPlaceholderWrapperCss,
20-
} from '../../styles/listItem';
21-
import {panelInsetContentCss, panelSectionCss} from '../../styles/panel';
22-
import {resetFlexColumnCss} from '../../styles/reset';
23-
import {smallCss, xSmallCss} from '../../styles/typography';
24-
import InfiniteListItems from '../infiniteListItems';
25-
import InfiniteListState from '../infiniteListState';
26-
import PanelLayout from '../panelLayout';
27-
import SentryAppLink from '../sentryAppLink';
28-
import useTeams from '../teams/useTeams';
29-
3032
import useInfiniteAlertsList from './useInfiniteAlertsList';
3133

3234
export default function AlertsPanel() {

‎static/app/components/devtoolbar/components/alerts/useAlertsCount.tsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
import {useMemo} from 'react';
22

3+
import useConfiguration from 'sentry/components/devtoolbar/hooks/useConfiguration';
4+
import useFetchApiData from 'sentry/components/devtoolbar/hooks/useFetchApiData';
5+
import type {ApiEndpointQueryKey} from 'sentry/components/devtoolbar/types';
36
import type {Incident} from 'sentry/views/alerts/types';
47

5-
import useConfiguration from '../../hooks/useConfiguration';
6-
import useFetchApiData from '../../hooks/useFetchApiData';
7-
import type {ApiEndpointQueryKey} from '../../types';
8-
98
export default function useAlertsCount() {
109
const {organizationSlug, projectId} = useConfiguration();
1110

‎static/app/components/devtoolbar/components/alerts/useInfiniteAlertsList.tsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
import {useMemo} from 'react';
22

3+
import useConfiguration from 'sentry/components/devtoolbar/hooks/useConfiguration';
4+
import useFetchInfiniteApiData from 'sentry/components/devtoolbar/hooks/useFetchInfiniteApiData';
5+
import type {ApiEndpointQueryKey} from 'sentry/components/devtoolbar/types';
36
import type {Incident} from 'sentry/views/alerts/types';
47

5-
import useConfiguration from '../../hooks/useConfiguration';
6-
import useFetchInfiniteApiData from '../../hooks/useFetchInfiniteApiData';
7-
import type {ApiEndpointQueryKey} from '../../types';
8-
98
export default function useInfiniteFeedbackList() {
109
const {organizationSlug, projectId} = useConfiguration();
1110

‎static/app/components/devtoolbar/components/app.tsx

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,18 @@ import {Fragment, Suspense} from 'react';
22
import {css, Global} from '@emotion/react';
33

44
import AnalyticsProvider from 'sentry/components/devtoolbar/components/analyticsProvider';
5+
import usePlacementCss from 'sentry/components/devtoolbar/hooks/usePlacementCss';
6+
import useVisibility from 'sentry/components/devtoolbar/hooks/useVisibility';
7+
import {fixedContainerBaseCss} from 'sentry/components/devtoolbar/styles/fixedContainer';
8+
import {
9+
avatarCss,
10+
globalCss,
11+
loadingIndicatorCss,
12+
} from 'sentry/components/devtoolbar/styles/global';
13+
import {resetFlexColumnCss} from 'sentry/components/devtoolbar/styles/reset';
514
import LoadingTriangle from 'sentry/components/loadingTriangle';
615
import {useSessionStorage} from 'sentry/utils/useSessionStorage';
716

8-
import usePlacementCss from '../hooks/usePlacementCss';
9-
import useVisibility from '../hooks/useVisibility';
10-
import {fixedContainerBaseCss} from '../styles/fixedContainer';
11-
import {avatarCss, globalCss, loadingIndicatorCss} from '../styles/global';
12-
import {resetFlexColumnCss} from '../styles/reset';
13-
1417
import Navigation from './navigation';
1518
import PanelLayout from './panelLayout';
1619
import PanelRouter from './panelRouter';

‎static/app/components/devtoolbar/components/countBadge.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import {css} from '@emotion/react';
22

3-
import {smallCss} from '../styles/typography';
3+
import {smallCss} from 'sentry/components/devtoolbar/styles/typography';
44

55
/**
66
* If you want more variants/colors then add to this record:

‎static/app/components/devtoolbar/components/featureFlags/customOverride.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,11 @@ import {css} from '@emotion/react';
33

44
import {Input} from 'sentry/components/core/input';
55
import {Switch} from 'sentry/components/core/switch';
6+
import {AnalyticsContext} from 'sentry/components/devtoolbar/components/analyticsProvider';
7+
import useConfiguration from 'sentry/components/devtoolbar/hooks/useConfiguration';
68
import {resetButtonCss} from 'sentry/components/devtoolbar/styles/reset';
79
import {IconAdd} from 'sentry/icons';
810

9-
import useConfiguration from '../../hooks/useConfiguration';
10-
import {AnalyticsContext} from '../analyticsProvider';
11-
1211
import {useFeatureFlagsContext} from './featureFlagsContext';
1312

1413
export default function CustomOverride({

‎static/app/components/devtoolbar/components/featureFlags/featureFlagItem.tsx

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,14 @@ import {Switch} from 'sentry/components/core/switch';
55
import AnalyticsProvider, {
66
AnalyticsContext,
77
} from 'sentry/components/devtoolbar/components/analyticsProvider';
8+
import useConfiguration from 'sentry/components/devtoolbar/hooks/useConfiguration';
9+
import {inlineLinkCss} from 'sentry/components/devtoolbar/styles/link';
10+
import {verticalPaddingCss} from 'sentry/components/devtoolbar/styles/panel';
11+
import {smallCss} from 'sentry/components/devtoolbar/styles/typography';
12+
import type {FlagValue} from 'sentry/components/devtoolbar/types';
813
import ExternalLink from 'sentry/components/links/externalLink';
914
import {Cell} from 'sentry/components/replays/virtualizedGrid/bodyCell';
1015

11-
import useConfiguration from '../../hooks/useConfiguration';
12-
import {inlineLinkCss} from '../../styles/link';
13-
import {verticalPaddingCss} from '../../styles/panel';
14-
import {smallCss} from '../../styles/typography';
15-
import type {FlagValue} from '../../types';
16-
1716
import {useFeatureFlagsContext} from './featureFlagsContext';
1817

1918
type FeatureFlag = {name: string; override: FlagValue; value: FlagValue};

‎static/app/components/devtoolbar/components/featureFlags/featureFlagsPanel.tsx

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,21 +2,20 @@ import {type Dispatch, Fragment, type SetStateAction, useState} from 'react';
22
import {css} from '@emotion/react';
33

44
import {Input} from 'sentry/components/core/input';
5-
import {resetButtonCss, resetFlexRowCss} from 'sentry/components/devtoolbar/styles/reset';
6-
import {PanelTable} from 'sentry/components/panels/panelTable';
7-
import {SegmentedControl} from 'sentry/components/segmentedControl';
8-
import {IconChevron, IconClose} from 'sentry/icons';
9-
5+
import AnalyticsProvider from 'sentry/components/devtoolbar/components/analyticsProvider';
6+
import PanelLayout from 'sentry/components/devtoolbar/components/panelLayout';
107
import {
118
buttonRightCss,
129
panelHeadingRightCss,
1310
panelInsetContentCss,
1411
panelSectionCss,
1512
panelSectionCssNoBorder,
16-
} from '../../styles/panel';
17-
import {smallCss} from '../../styles/typography';
18-
import AnalyticsProvider from '../analyticsProvider';
19-
import PanelLayout from '../panelLayout';
13+
} from 'sentry/components/devtoolbar/styles/panel';
14+
import {resetButtonCss, resetFlexRowCss} from 'sentry/components/devtoolbar/styles/reset';
15+
import {smallCss} from 'sentry/components/devtoolbar/styles/typography';
16+
import {PanelTable} from 'sentry/components/panels/panelTable';
17+
import {SegmentedControl} from 'sentry/components/segmentedControl';
18+
import {IconChevron, IconClose} from 'sentry/icons';
2019

2120
import CustomOverride from './customOverride';
2221
import FeatureFlagItem from './featureFlagItem';

‎static/app/components/devtoolbar/components/feedback/feedbackPanel.tsx

Lines changed: 26 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -3,38 +3,44 @@ import {css} from '@emotion/react';
33

44
import {ActorAvatar} from 'sentry/components/core/avatar/actorAvatar';
55
import AnalyticsProvider from 'sentry/components/devtoolbar/components/analyticsProvider';
6+
import InfiniteListItems from 'sentry/components/devtoolbar/components/infiniteListItems';
7+
import InfiniteListState from 'sentry/components/devtoolbar/components/infiniteListState';
8+
import PanelLayout from 'sentry/components/devtoolbar/components/panelLayout';
9+
import SentryAppLink from 'sentry/components/devtoolbar/components/sentryAppLink';
10+
import transactionToSearchTerm from 'sentry/components/devtoolbar/components/transactionToSearchTerm';
11+
import useConfiguration from 'sentry/components/devtoolbar/hooks/useConfiguration';
12+
import {useSDKFeedbackButton} from 'sentry/components/devtoolbar/hooks/useSDKFeedbackButton';
613
import {useScopeAndClient} from 'sentry/components/devtoolbar/hooks/useSentryClientAndScope';
7-
import ProjectBadge from 'sentry/components/idBadge/projectBadge';
8-
import Placeholder from 'sentry/components/placeholder';
9-
import TextOverflow from 'sentry/components/textOverflow';
10-
import TimeSince from 'sentry/components/timeSince';
11-
import {IconChat, IconFatal, IconImage, IconMegaphone, IconPlay} from 'sentry/icons';
12-
import useReplayCount from 'sentry/utils/replayCount/useReplayCount';
13-
14-
import useConfiguration from '../../hooks/useConfiguration';
15-
import {useSDKFeedbackButton} from '../../hooks/useSDKFeedbackButton';
16-
import useVisibility from '../../hooks/useVisibility';
14+
import useVisibility from 'sentry/components/devtoolbar/hooks/useVisibility';
1715
import {
1816
badgeWithLabelCss,
1917
gridFlexEndCss,
2018
listItemGridCss,
2119
listItemPlaceholderWrapperCss,
22-
} from '../../styles/listItem';
20+
} from 'sentry/components/devtoolbar/styles/listItem';
2321
import {
2422
buttonRightCss,
2523
panelDescCss,
2624
panelHeadingRightCss,
2725
panelInsetContentCss,
2826
panelSectionCss,
29-
} from '../../styles/panel';
30-
import {resetButtonCss, resetFlexColumnCss} from '../../styles/reset';
31-
import {smallCss, textOverflowTwoLinesCss, xSmallCss} from '../../styles/typography';
32-
import type {FeedbackIssueListItem} from '../../types';
33-
import InfiniteListItems from '../infiniteListItems';
34-
import InfiniteListState from '../infiniteListState';
35-
import PanelLayout from '../panelLayout';
36-
import SentryAppLink from '../sentryAppLink';
37-
import transactionToSearchTerm from '../transactionToSearchTerm';
27+
} from 'sentry/components/devtoolbar/styles/panel';
28+
import {
29+
resetButtonCss,
30+
resetFlexColumnCss,
31+
} from 'sentry/components/devtoolbar/styles/reset';
32+
import {
33+
smallCss,
34+
textOverflowTwoLinesCss,
35+
xSmallCss,
36+
} from 'sentry/components/devtoolbar/styles/typography';
37+
import type {FeedbackIssueListItem} from 'sentry/components/devtoolbar/types';
38+
import ProjectBadge from 'sentry/components/idBadge/projectBadge';
39+
import Placeholder from 'sentry/components/placeholder';
40+
import TextOverflow from 'sentry/components/textOverflow';
41+
import TimeSince from 'sentry/components/timeSince';
42+
import {IconChat, IconFatal, IconImage, IconMegaphone, IconPlay} from 'sentry/icons';
43+
import useReplayCount from 'sentry/utils/replayCount/useReplayCount';
3844

3945
import useInfiniteFeedbackList from './useInfiniteFeedbackList';
4046

‎static/app/components/devtoolbar/components/feedback/useInfiniteFeedbackList.tsx

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
11
import {useMemo} from 'react';
22

3-
import useConfiguration from '../../hooks/useConfiguration';
4-
import useFetchInfiniteApiData from '../../hooks/useFetchInfiniteApiData';
5-
import type {ApiEndpointQueryKey, FeedbackIssueListItem} from '../../types';
3+
import useConfiguration from 'sentry/components/devtoolbar/hooks/useConfiguration';
4+
import useFetchInfiniteApiData from 'sentry/components/devtoolbar/hooks/useFetchInfiniteApiData';
5+
import type {
6+
ApiEndpointQueryKey,
7+
FeedbackIssueListItem,
8+
} from 'sentry/components/devtoolbar/types';
69

710
interface Props {
811
query: string;

‎static/app/components/devtoolbar/components/indicatorBadge.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import {css} from '@emotion/react';
22

3-
import {smallCss} from '../styles/typography';
3+
import {smallCss} from 'sentry/components/devtoolbar/styles/typography';
44

55
const variants = {
66
red: css`

‎static/app/components/devtoolbar/components/infiniteListItems.tsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,14 @@ import {useEffect, useRef} from 'react';
22
import type {InfiniteData, UseInfiniteQueryResult} from '@tanstack/react-query';
33
import {useVirtualizer} from '@tanstack/react-virtual';
44

5-
import LoadingIndicator from 'sentry/components/loadingIndicator';
6-
75
import {
86
infiniteListFloatingMessageBottomCss,
97
infiniteListParentContainerCss,
108
infiniteListScollablePanelCss,
119
infiniteListScrollableWindowCss,
12-
} from '../styles/infiniteList';
13-
import type {ApiResult} from '../types';
10+
} from 'sentry/components/devtoolbar/styles/infiniteList';
11+
import type {ApiResult} from 'sentry/components/devtoolbar/types';
12+
import LoadingIndicator from 'sentry/components/loadingIndicator';
1413

1514
interface Props<Data> {
1615
itemRenderer: ({item}: {item: Data}) => React.ReactNode;

‎static/app/components/devtoolbar/components/infiniteListState.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import {Fragment} from 'react';
22
import type {UseInfiniteQueryResult, UseQueryResult} from '@tanstack/react-query';
33

4-
import type {ApiResult} from '../types';
4+
import type {ApiResult} from 'sentry/components/devtoolbar/types';
55

66
export interface Props<Data> {
77
children: React.ReactNode;

‎static/app/components/devtoolbar/components/issues/issuesPanel.tsx

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
11
import {useEffect, useState} from 'react';
22

3+
import InfiniteListItems from 'sentry/components/devtoolbar/components/infiniteListItems';
4+
import InfiniteListState from 'sentry/components/devtoolbar/components/infiniteListState';
35
import IssueListItem from 'sentry/components/devtoolbar/components/issueListItem';
6+
import PanelLayout from 'sentry/components/devtoolbar/components/panelLayout';
7+
import transactionToSearchTerm from 'sentry/components/devtoolbar/components/transactionToSearchTerm';
48
import {useScopeAndClient} from 'sentry/components/devtoolbar/hooks/useSentryClientAndScope';
9+
import {listItemPlaceholderWrapperCss} from 'sentry/components/devtoolbar/styles/listItem';
10+
import {
11+
panelDescCss,
12+
panelInsetContentCss,
13+
panelSectionCss,
14+
} from 'sentry/components/devtoolbar/styles/panel';
15+
import {resetFlexColumnCss} from 'sentry/components/devtoolbar/styles/reset';
16+
import {smallCss} from 'sentry/components/devtoolbar/styles/typography';
517
import Placeholder from 'sentry/components/placeholder';
618

7-
import {listItemPlaceholderWrapperCss} from '../../styles/listItem';
8-
import {panelDescCss, panelInsetContentCss, panelSectionCss} from '../../styles/panel';
9-
import {resetFlexColumnCss} from '../../styles/reset';
10-
import {smallCss} from '../../styles/typography';
11-
import InfiniteListItems from '../infiniteListItems';
12-
import InfiniteListState from '../infiniteListState';
13-
import PanelLayout from '../panelLayout';
14-
import transactionToSearchTerm from '../transactionToSearchTerm';
15-
1619
import useInfiniteIssuesList from './useInfiniteIssuesList';
1720

1821
export default function IssuesPanel() {

‎static/app/components/devtoolbar/components/issues/useInfiniteIssuesList.tsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
11
import {useMemo} from 'react';
22

3+
import useConfiguration from 'sentry/components/devtoolbar/hooks/useConfiguration';
4+
import useFetchInfiniteApiData from 'sentry/components/devtoolbar/hooks/useFetchInfiniteApiData';
5+
import type {ApiEndpointQueryKey} from 'sentry/components/devtoolbar/types';
36
import type {Group} from 'sentry/types/group';
47
import {IssueCategory} from 'sentry/types/group';
58

6-
import useConfiguration from '../../hooks/useConfiguration';
7-
import useFetchInfiniteApiData from '../../hooks/useFetchInfiniteApiData';
8-
import type {ApiEndpointQueryKey} from '../../types';
9-
109
interface Props {
1110
query: string;
1211
}

‎static/app/components/devtoolbar/components/navigation.tsx

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,10 @@ import {type ReactNode, useContext} from 'react';
33
import {AnalyticsContext} from 'sentry/components/devtoolbar/components/analyticsProvider';
44
import SessionStatusBadge from 'sentry/components/devtoolbar/components/releases/sessionStatusBadge';
55
import useConfiguration from 'sentry/components/devtoolbar/hooks/useConfiguration';
6+
import usePlacementCss from 'sentry/components/devtoolbar/hooks/usePlacementCss';
7+
import useToolbarRoute from 'sentry/components/devtoolbar/hooks/useToolbarRoute';
8+
import {navigationCss} from 'sentry/components/devtoolbar/styles/navigation';
9+
import {resetDialogCss} from 'sentry/components/devtoolbar/styles/reset';
610
import {
711
IconClose,
812
IconFlag,
@@ -13,11 +17,6 @@ import {
1317
IconSiren,
1418
} from 'sentry/icons';
1519

16-
import usePlacementCss from '../hooks/usePlacementCss';
17-
import useToolbarRoute from '../hooks/useToolbarRoute';
18-
import {navigationCss} from '../styles/navigation';
19-
import {resetDialogCss} from '../styles/reset';
20-
2120
import AlertBadge from './alerts/alertBadge';
2221
import FlagOverridesBadge from './featureFlags/flagOverridesBadge';
2322
import IconButton from './navigation/iconButton';

‎static/app/components/devtoolbar/components/navigation/iconButton.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
import type {ButtonHTMLAttributes, ReactNode} from 'react';
22
import {css, type Interpolation} from '@emotion/react';
33

4+
import {resetButtonCss} from 'sentry/components/devtoolbar/styles/reset';
5+
import {buttonCss} from 'sentry/components/devtoolbar/styles/typography';
46
import InteractionStateLayer from 'sentry/components/interactionStateLayer';
57

6-
import {resetButtonCss} from '../../styles/reset';
7-
import {buttonCss} from '../../styles/typography';
8-
98
const iconButtonCss = css`
109
border: 1px solid transparent;
1110
background: none;

0 commit comments

Comments
 (0)