-
Notifications
You must be signed in to change notification settings - Fork 178
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(components): create base deck fixture components #13758
Conversation
creates single slot, staging area, and waste chute components to be used by the existing BaseDeck component. BaseDeck now receives a deckConfig prop describing a robot deck configuration of fixures. the deck fixture components render SVGs corresponding to the fixture areas and slot clips provided by each fixture type closes RAUT-783
Codecov Report
Additional details and impacted files@@ Coverage Diff @@
## edge #13758 +/- ##
==========================================
- Coverage 70.90% 70.73% -0.17%
==========================================
Files 2456 2471 +15
Lines 69132 69433 +301
Branches 8284 8383 +99
==========================================
+ Hits 49016 49113 +97
- Misses 18159 18358 +199
- Partials 1957 1962 +5
Flags with carried forward coverage won't be shown. Click here to find out more.
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
WOW it looks so good!!! 💅🤩 can't wait for BaseDeck
to be wired up throughout the app.
interface NotConfiguredModalProps { | ||
onCloseClick: () => void | ||
requiredFixture: FixtureLoadName | ||
cutout: string | ||
cutout: Cutout |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
oops thanks for fixing this!
// import { WasteChuteStagingAreaFixture } from './WasteChuteStagingAreaFixture' | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
wasteChuteStagingAreaFixture to be added later?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
yep, we'll have to add the waste chute staging area as a load name and option in various places also. that all should be a separate ticket i think
import type { WizardTileProps } from './types' | ||
|
||
const STAGING_AREA_SLOTS = ['A3', 'B3', 'C3', 'D3'] | ||
const STAGING_AREA_SLOTS: Cutout[] = ['A3', 'B3', 'C3', 'D3'] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nice!
import type { ModalHeaderBaseProps } from '../../molecules/Modal/types' | ||
import type { LegacyModalProps } from '../../molecules/LegacyModal' | ||
|
||
interface AddDeckConfigurationModalProps { | ||
fixtureLocation: string | ||
fixtureLocation: Cutout |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
DeckConfiguration, | ||
FLEX_ROBOT_TYPE, | ||
LabwareDefinition2, | ||
} from '@opentrons/shared-data' | ||
|
||
import type { Meta, StoryObj } from '@storybook/react' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we move down import type
?
return ( | ||
<path | ||
fill="none" | ||
stroke="#16212D" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nit
stroke="#16212D" | |
stroke={COLORS.darkBlackEnabled} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
Overview
creates single slot, staging area, waste chute, and waste chute staging area components to be used by the existing BaseDeck component. BaseDeck now receives a deckConfig prop describing a robot deck configuration of fixtures. the deck fixture components render SVGs corresponding to the fixture areas and slot clips provided by each fixture type. positioning and sizing subject to future adjustment.
updates various props in various places to use the
Cutout
type from shared-data forfixtureLocation
waste chute fixture foreign object representation is based on a design provided by Rob but not finalized
closes RAUT-783
Test Plan
Changelog
Review requests
run storybook, take a look
Risk assessment
low, BaseDeck unused in the app (for now)