refactor out arrow functions

Opentrons · Jan 25, 2024 · 2e0d3d4 · 2e0d3d4
1 parent 1ab6f3a
commit 2e0d3d4
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 10 deletions.
diff --git a/protocol-designer/src/components/DeckSetup/LabwareOnDeck.tsx b/protocol-designer/src/components/DeckSetup/LabwareOnDeck.tsx
@@ -16,7 +16,7 @@ interface LabwareOnDeckProps {
   y: number
 }
 
-export const LabwareOnDeck = (props: LabwareOnDeckProps): JSX.Element => {
+export function LabwareOnDeck(props: LabwareOnDeckProps): JSX.Element {
   const { labwareOnDeck, x, y, className } = props
   const missingTipsByLabwareId = useSelector(
     tipContentsSelectors.getMissingTipsByLabwareId

diff --git a/protocol-designer/src/components/DeckSetup/LabwareOverlays/EditLabwareOffDeck.tsx b/protocol-designer/src/components/DeckSetup/LabwareOverlays/EditLabwareOffDeck.tsx
@@ -62,9 +62,9 @@ interface EditLabwareOffDeckProps {
   labwareEntity: LabwareEntity
 }
 
-export const EditLabwareOffDeck = (
+export function EditLabwareOffDeck(
   props: EditLabwareOffDeckProps
-): JSX.Element => {
+): JSX.Element {
   const { labwareEntity } = props
   const { t } = useTranslation('deck')
   const dispatch = useDispatch<ThunkDispatch<any>>()

diff --git a/protocol-designer/src/components/DeckSetup/LabwareOverlays/LabwareName.tsx b/protocol-designer/src/components/DeckSetup/LabwareOverlays/LabwareName.tsx
@@ -8,7 +8,7 @@ interface LabwareNameProps {
   labwareOnDeck: LabwareOnDeck
 }
 
-export const LabwareName = (props: LabwareNameProps): JSX.Element => {
+export function LabwareName(props: LabwareNameProps): JSX.Element {
   const { labwareOnDeck } = props
   const nicknames = useSelector(uiLabwareSelectors.getLabwareNicknamesById)
   const nickname = nicknames[labwareOnDeck.id]

diff --git a/protocol-designer/src/components/DeckSetup/LabwareOverlays/NameThisLabware.tsx b/protocol-designer/src/components/DeckSetup/LabwareOverlays/NameThisLabware.tsx
@@ -15,7 +15,7 @@ interface NameThisLabwareProps {
   editLiquids: () => void
 }
 
-export const NameThisLabware = (props: NameThisLabwareProps): JSX.Element => {
+export function NameThisLabware(props: NameThisLabwareProps): JSX.Element {
   const { labwareOnDeck } = props
   const dispatch: ThunkDispatch<any> = useDispatch()
   const [inputValue, setInputValue] = React.useState<string>('')

diff --git a/protocol-designer/src/components/LabwareSelectionModal/LabwareSelectionModal.tsx b/protocol-designer/src/components/LabwareSelectionModal/LabwareSelectionModal.tsx
@@ -141,7 +141,7 @@ export const getLabwareIsRecommended = (
       : false
   }
 }
-export const LabwareSelectionModal = (): JSX.Element | null => {
+export function LabwareSelectionModal(): JSX.Element | null {
   const { t } = useTranslation(['modules', 'modal', 'button', 'alert'])
   const dispatch = useDispatch<ThunkDispatch<any>>()
   const selectedLabwareSlot = useSelector(

diff --git a/protocol-designer/src/components/LiquidPlacementModal.tsx b/protocol-designer/src/components/LiquidPlacementModal.tsx
@@ -19,7 +19,7 @@ import { WellSelectionInstructions } from './WellSelectionInstructions'
 
 import styles from './LiquidPlacementModal.css'
 
-export const LiquidPlacementModal = (): JSX.Element => {
+export function LiquidPlacementModal(): JSX.Element {
   const [highlightedWells, setHighlightedWells] = React.useState<
     WellGroup | {}
   >({})

diff --git a/protocol-designer/src/components/SelectionRect.tsx b/protocol-designer/src/components/SelectionRect.tsx
@@ -11,7 +11,7 @@ interface SelectionRectProps {
   originYOffset?: number
 }
 
-export const SelectionRect = (props: SelectionRectProps): JSX.Element => {
+export function SelectionRect(props: SelectionRectProps): JSX.Element {
   const {
     onSelectionMove,
     onSelectionDone,

diff --git a/protocol-designer/src/components/SettingsPage/FeatureFlagCard/FeatureFlagCard.tsx b/protocol-designer/src/components/SettingsPage/FeatureFlagCard/FeatureFlagCard.tsx
@@ -14,7 +14,7 @@ import { Portal } from '../../portals/MainPageModalPortal'
 import styles from '../SettingsPage.css'
 import modalStyles from '../../modals/modal.css'
 
-export const FeatureFlagCard = (): JSX.Element => {
+export function FeatureFlagCard(): JSX.Element {
   const flags = useSelector(featureFlagSelectors.getFeatureFlagData)
   const dispatch = useDispatch()
 

diff --git a/protocol-designer/src/components/SettingsPage/index.tsx b/protocol-designer/src/components/SettingsPage/index.tsx
@@ -6,7 +6,7 @@ import { SettingsApp } from './SettingsApp'
 
 export { SettingsSidebar } from './SettingsSidebar'
 
-export const SettingsPage = (): JSX.Element => {
+export function SettingsPage(): JSX.Element {
   const currentPage = useSelector(selectors.getCurrentPage)
   switch (currentPage) {
     // TODO: Ian 2019-08-21 when we have other pages, put them here