-
Notifications
You must be signed in to change notification settings - Fork 0
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
Pax components and styles #49
Conversation
a1f0403
to
daba6fc
Compare
daba6fc
to
ca91e49
Compare
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 work mate:
- We need to un-hardcode the queues in the pax component so we can pass different queues for different ports
- A bunch of
let
s can beconst
s
|
||
export const PaxDatasource = ({status}: IPaxDatasource) => { | ||
|
||
let content = getPaxContent(status); |
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.
const
|
||
export const PaxHighlight = ({status}: IPaxHighlight) => { | ||
|
||
let content = getPaxContent(status); |
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.
const
src/components/Pax/PaxUtils.tsx
Outdated
|
||
export const getPaxContent = (status: DatasourceStatus) : PaxStatusContent => { | ||
|
||
let content: PaxStatusContent = { |
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.
const here even though its members are assigned later
return `${datetime.getHours()}:${datetime.getMinutes()}` | ||
} | ||
|
||
export const PaxCard = ({EEA = 0, nonEEA = 0, eGates = 0, timeRange, startTime, endTime}: IPaxCard) => { |
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.
We'll need to pass an array of queue types with counts because each port can have a different set of queues
src/drt-theme.ts
Outdated
@@ -42,13 +43,46 @@ declare module "@mui/material/Typography" { | |||
} | |||
} | |||
|
|||
let defaultValues = createTheme(); | |||
let defaultValues = createTheme({ |
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.
const
src/drt-theme.ts
Outdated
}, | ||
} | ||
}); | ||
|
||
let drtTheme = createTheme({ |
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.
const
title: "DRT Components/MUI Components", | ||
component: MuiTable, |
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.
too much indent here
|
||
|
||
export const Table: Story = { | ||
render: (storyContext) => { |
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.
too much indent here
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.
Wicked! A tiny bit of indentation in StyledTableStories.tsx
Tickets:
New Components:
i
tooltipNew Stories & Styles:
error
,warning
,info
andsuccess
theme coloursBits & Bobs:
@mui-x/datepickers
as a (peer) dependencyPaxSearchForm.stories.tsx
for example of how to provide custom controls to our stories!1.6.0
release 💥