diff --git a/native/chat/composed-message.react.js b/native/chat/composed-message.react.js --- a/native/chat/composed-message.react.js +++ b/native/chat/composed-message.react.js @@ -16,10 +16,10 @@ import { useComposedMessageMaxWidth } from './composed-message-width'; import { FailedSend } from './failed-send.react'; import { - InlineSidebar, - inlineSidebarMarginBottom, inlineSidebarMarginTop, -} from './inline-sidebar.react'; + inlineSidebarMarginBottom, +} from './inline-sidebar-constants'; +import InlineSidebar from './inline-sidebar.react'; import { MessageHeader } from './message-header.react'; import { useNavigateToSidebar } from './sidebar-navigation'; import SwipeableMessage from './swipeable-message.react'; diff --git a/native/chat/inline-sidebar-constants.js b/native/chat/inline-sidebar-constants.js new file mode 100644 --- /dev/null +++ b/native/chat/inline-sidebar-constants.js @@ -0,0 +1,5 @@ +// @flow + +export const inlineSidebarHeight = 20; +export const inlineSidebarMarginTop = 5; +export const inlineSidebarMarginBottom = 3; diff --git a/native/chat/inline-sidebar.react.js b/native/chat/inline-sidebar.react.js --- a/native/chat/inline-sidebar.react.js +++ b/native/chat/inline-sidebar.react.js @@ -8,6 +8,7 @@ import Button from '../components/button.react'; import { useStyles } from '../themes/colors'; +import { inlineSidebarHeight } from './inline-sidebar-constants'; import { useNavigateToThread } from './message-list-types'; type Props = { @@ -35,10 +36,6 @@ ); } -const inlineSidebarHeight = 20; -const inlineSidebarMarginTop = 5; -const inlineSidebarMarginBottom = 3; - const unboundStyles = { content: { flexDirection: 'row', @@ -75,9 +72,4 @@ }, }; -export { - InlineSidebar, - inlineSidebarHeight, - inlineSidebarMarginTop, - inlineSidebarMarginBottom, -}; +export default InlineSidebar; diff --git a/native/chat/multimedia-message-utils.js b/native/chat/multimedia-message-utils.js --- a/native/chat/multimedia-message-utils.js +++ b/native/chat/multimedia-message-utils.js @@ -13,10 +13,10 @@ import { clusterEndHeight } from './composed-message.react'; import { failedSendHeight } from './failed-send.react'; import { - inlineSidebarHeight, inlineSidebarMarginBottom, inlineSidebarMarginTop, -} from './inline-sidebar.react'; + inlineSidebarHeight, +} from './inline-sidebar-constants'; import { authorNameHeight } from './message-header.react'; const spaceBetweenImages = 4; diff --git a/native/chat/robotext-message.react.js b/native/chat/robotext-message.react.js --- a/native/chat/robotext-message.react.js +++ b/native/chat/robotext-message.react.js @@ -16,7 +16,7 @@ import type { VerticalBounds } from '../types/layout-types'; import { AnimatedView } from '../types/styles'; import type { ChatNavigationProp } from './chat.react'; -import { InlineSidebar } from './inline-sidebar.react'; +import InlineSidebar from './inline-sidebar.react'; import { InnerRobotextMessage } from './inner-robotext-message.react'; import { robotextMessageTooltipHeight } from './robotext-message-tooltip-modal.react'; import { Timestamp } from './timestamp.react'; diff --git a/native/chat/utils.js b/native/chat/utils.js --- a/native/chat/utils.js +++ b/native/chat/utils.js @@ -32,7 +32,7 @@ inlineSidebarHeight, inlineSidebarMarginBottom, inlineSidebarMarginTop, -} from './inline-sidebar.react'; +} from './inline-sidebar-constants'; import { authorNameHeight } from './message-header.react'; import { multimediaMessageItemHeight } from './multimedia-message-utils'; import { getSidebarThreadInfo } from './sidebar-navigation';