ref: Move <Flex> into components/container/ (#71932)

static/app/components/profiling/flex.tsx → static/app/components/container/flex.tsx

@@ -16,7 +16,6 @@ interface FlexProps {
   wrap?: CSSProperties['flexWrap'];
 }
 
-// TODO(@eliashussary): move to common folder / bring up in fe-tsc
 const FlexContainer = styled('div')<FlexProps>`
   /* these can all come from a better base primitive */
   display: flex;

static/app/components/events/eventReplay/replayClipPreviewPlayer.tsx

@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 
 import {Alert} from 'sentry/components/alert';
 import type {LinkButton} from 'sentry/components/button';
+import {Flex} from 'sentry/components/container/flex';
 import NegativeSpaceContainer from 'sentry/components/container/negativeSpaceContainer';
 import {
   REPLAY_LOADING_HEIGHT,
@@ -11,7 +12,6 @@ import {
 import ReplayPreviewPlayer from 'sentry/components/events/eventReplay/replayPreviewPlayer';
 import {StaticReplayPreview} from 'sentry/components/events/eventReplay/staticReplayPreview';
 import LoadingIndicator from 'sentry/components/loadingIndicator';
-import {Flex} from 'sentry/components/profiling/flex';
 import MissingReplayAlert from 'sentry/components/replays/alerts/missingReplayAlert';
 import ReplayProcessingError from 'sentry/components/replays/replayProcessingError';
 import {IconDelete} from 'sentry/icons';

static/app/components/events/eventReplay/replayPreview.tsx

@@ -4,11 +4,11 @@ import styled from '@emotion/styled';
 
 import {Alert} from 'sentry/components/alert';
 import type {LinkButton} from 'sentry/components/button';
+import {Flex} from 'sentry/components/container/flex';
 import NegativeSpaceContainer from 'sentry/components/container/negativeSpaceContainer';
 import {REPLAY_LOADING_HEIGHT} from 'sentry/components/events/eventReplay/constants';
 import {StaticReplayPreview} from 'sentry/components/events/eventReplay/staticReplayPreview';
 import LoadingIndicator from 'sentry/components/loadingIndicator';
-import {Flex} from 'sentry/components/profiling/flex';
 import MissingReplayAlert from 'sentry/components/replays/alerts/missingReplayAlert';
 import {IconDelete} from 'sentry/icons';
 import {t} from 'sentry/locale';

static/app/components/feedback/feedbackItem/feedbackActions.tsx

@@ -2,11 +2,11 @@ import type {CSSProperties} from 'react';
 import {Fragment} from 'react';
 
 import Button from 'sentry/components/actions/button';
+import {Flex} from 'sentry/components/container/flex';
 import {DropdownMenu} from 'sentry/components/dropdownMenu';
 import ErrorBoundary from 'sentry/components/errorBoundary';
 import FeedbackAssignedTo from 'sentry/components/feedback/feedbackItem/feedbackAssignedTo';
 import useFeedbackActions from 'sentry/components/feedback/feedbackItem/useFeedbackActions';
-import {Flex} from 'sentry/components/profiling/flex';
 import {IconEllipsis} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';

static/app/components/feedback/feedbackItem/feedbackItemHeader.tsx

@@ -2,11 +2,11 @@ import {useRef} from 'react';
 import {css} from '@emotion/react';
 import styled from '@emotion/styled';
 
+import {Flex} from 'sentry/components/container/flex';
 import ErrorBoundary from 'sentry/components/errorBoundary';
 import FeedbackActions from 'sentry/components/feedback/feedbackItem/feedbackActions';
 import FeedbackShortId from 'sentry/components/feedback/feedbackItem/feedbackShortId';
 import IssueTrackingSection from 'sentry/components/feedback/feedbackItem/issueTrackingSection';
-import {Flex} from 'sentry/components/profiling/flex';
 import {space} from 'sentry/styles/space';
 import type {Event, Group} from 'sentry/types';
 import type {FeedbackIssue} from 'sentry/utils/feedback/types';

static/app/components/feedback/feedbackItem/feedbackItemUsername.tsx

@@ -3,7 +3,7 @@ import {findDOMNode} from 'react-dom';
 import styled from '@emotion/styled';
 
 import {LinkButton} from 'sentry/components/button';
-import {Flex} from 'sentry/components/profiling/flex';
+import {Flex} from 'sentry/components/container/flex';
 import {Tooltip} from 'sentry/components/tooltip';
 import {IconMail} from 'sentry/icons';
 import {t} from 'sentry/locale';

static/app/components/feedback/feedbackItem/feedbackShortId.tsx

@@ -3,8 +3,8 @@ import {css} from '@emotion/react';
 import styled from '@emotion/styled';
 
 import ProjectAvatar from 'sentry/components/avatar/projectAvatar';
+import {Flex} from 'sentry/components/container/flex';
 import {DropdownMenu} from 'sentry/components/dropdownMenu';
-import {Flex} from 'sentry/components/profiling/flex';
 import TextOverflow from 'sentry/components/textOverflow';
 import {IconChevron} from 'sentry/icons';
 import {t} from 'sentry/locale';

static/app/components/feedback/feedbackItem/messageSection.tsx

@@ -2,11 +2,11 @@ import {Fragment} from 'react';
 import styled from '@emotion/styled';
 
 import {Role} from 'sentry/components/acl/role';
+import {Flex} from 'sentry/components/container/flex';
 import FeedbackItemUsername from 'sentry/components/feedback/feedbackItem/feedbackItemUsername';
 import FeedbackTimestampsTooltip from 'sentry/components/feedback/feedbackItem/feedbackTimestampsTooltip';
 import FeedbackViewers from 'sentry/components/feedback/feedbackItem/feedbackViewers';
 import {ScreenshotSection} from 'sentry/components/feedback/feedbackItem/screenshotSection';
-import {Flex} from 'sentry/components/profiling/flex';
 import TimeSince from 'sentry/components/timeSince';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';

static/app/components/feedback/list/feedbackListBulkSelection.tsx

@@ -1,10 +1,10 @@
 import Button from 'sentry/components/actions/button';
+import {Flex} from 'sentry/components/container/flex';
 import {DropdownMenu} from 'sentry/components/dropdownMenu';
 import ErrorBoundary from 'sentry/components/errorBoundary';
 import type decodeMailbox from 'sentry/components/feedback/decodeMailbox';
 import useBulkEditFeedbacks from 'sentry/components/feedback/list/useBulkEditFeedbacks';
 import type useListItemCheckboxState from 'sentry/components/feedback/list/useListItemCheckboxState';
-import {Flex} from 'sentry/components/profiling/flex';
 import {IconEllipsis} from 'sentry/icons/iconEllipsis';
 import {t, tct} from 'sentry/locale';
 import {space} from 'sentry/styles/space';

static/app/components/feedback/list/feedbackListItem.tsx

@@ -4,10 +4,10 @@ import styled from '@emotion/styled';
 import ActorAvatar from 'sentry/components/avatar/actorAvatar';
 import ProjectAvatar from 'sentry/components/avatar/projectAvatar';
 import Checkbox from 'sentry/components/checkbox';
+import {Flex} from 'sentry/components/container/flex';
 import IssueTrackingSignals from 'sentry/components/feedback/list/issueTrackingSignals';
 import InteractionStateLayer from 'sentry/components/interactionStateLayer';
 import Link from 'sentry/components/links/link';
-import {Flex} from 'sentry/components/profiling/flex';
 import TextOverflow from 'sentry/components/textOverflow';
 import TimeSince from 'sentry/components/timeSince';
 import {Tooltip} from 'sentry/components/tooltip';