Men 9436#1831
Conversation
540aa52 to
6d74e0c
Compare
Codecov Report✅ All modified and coverable lines are covered by tests. 📢 Thoughts on this report? Let us know! |
mzedel
left a comment
There was a problem hiding this comment.
looks pretty close 👍, just some small alignment questions + the tests (the e2e tests would be happy to see the friendlier upload used 😄
| export const DefaultUpgradeNotification = props => ( | ||
| <div {...props}> | ||
| This feature is not available on your plan. <Link to="/subscription">Upgrade</Link> to enable it | ||
| <span> |
There was a problem hiding this comment.
why this? (+ the commit this is in doesn't align with the change)
There was a problem hiding this comment.
There was an issue with new Links that would cause it to render line by line; solved it differently
| rbac: { id: 'rbac', path: 'overview/role.based.access.control' }, | ||
| webhookSecret: { id: 'webhookSecret', path: 'server-integration/webhooks#signature-header' } | ||
| webhookSecret: { id: 'webhookSecret', path: 'server-integration/webhooks#signature-header' }, | ||
| orchestratorManifest: { id: 'orchestratorManifest', path: 'orchestrate-updates/manifest' } |
There was a problem hiding this comment.
🙏 slightly further up, to keep it sorted
| maxWidth: '400px' | ||
| } | ||
| })); | ||
| const isYaml = (filename: string) => filename.endsWith('.yaml'); |
There was a problem hiding this comment.
even though we reference .yaml I would expect both the upload and the processing to handle .yml too...
| <Typography className="margin-top-medium margin-bottom-x-small" variant="subtitle1"> | ||
| Notes | ||
| </Typography> | ||
| <TextInput id="description" hint="Add notes here" InputLabelProps={{ shrink: true }} /> | ||
| <Typography className="margin-top-medium margin-bottom-x-small" variant="subtitle1"> | ||
| Tags | ||
| </Typography> | ||
| <ChipSelect className={classes.input} options={existingTags} name="tags" placeholder="Add Tags" forcePopupIcon={existingTags.length !== 0} /> |
There was a problem hiding this comment.
for such sections the ContentSection component was meant to bring consistency
| <Typography className="margin-top-medium margin-bottom-x-small" variant="subtitle1"> | |
| Notes | |
| </Typography> | |
| <TextInput id="description" hint="Add notes here" InputLabelProps={{ shrink: true }} /> | |
| <Typography className="margin-top-medium margin-bottom-x-small" variant="subtitle1"> | |
| Tags | |
| </Typography> | |
| <ChipSelect className={classes.input} options={existingTags} name="tags" placeholder="Add Tags" forcePopupIcon={existingTags.length !== 0} /> | |
| <ContentSection title="Notes"> | |
| <TextInput id="description" hint="Add notes here" InputLabelProps={{ shrink: true }} /> | |
| </ContentSection> | |
| <ContentSection title="Tags"> | |
| <ChipSelect className={classes.input} options={existingTags} name="tags" placeholder="Add Tags" forcePopupIcon={existingTags.length !== 0} /> | |
| </ContentSection> |
| <Typography className="margin-top-medium margin-bottom-x-small" variant="subtitle1"> | ||
| Notes | ||
| </Typography> | ||
| <TextInput id="description" hint="Add notes here" InputLabelProps={{ shrink: true }} /> |
There was a problem hiding this comment.
This is supposed to be multiline ☝️
In the ManifestDetails this is a EditableLongText - if both would rely on this we could adjust the EditableLongText to match the design + other areas (IOW unify release & artifact details) in one go 😉
There was a problem hiding this comment.
I agree that multiline fits better for notes (description) here, but I decided to keep it as in the design for now (TextInput). The EditableLongText API is not compatible with TextInput now and it does not render as multiline anyway.
There was a problem hiding this comment.
https://www.figma.com/design/IbQQwOxnbYX0s3eb4MAUu8/Orchestrator--Creating-Manifests-in-the-UI?node-id=6134-51630&t=9Qhoyrh0xBpdE1WF-4 design says multiline, the other components use EditableLongText for multiline => if we refactor that one component we have it correct in all 3 places, with your change here that's not possible and we get more misalignment.
There was a problem hiding this comment.
Created https://northerntech.atlassian.net/browse/MEN-9730 so we can hopefully align this in the coming sprint to close the "enablement epic"
There was a problem hiding this comment.
Thank you! It is not easy to notice those small footnote comments in a Figma file. 😬 Ok, I'll try to use EditableLongText without breaking anything
| useEffect(() => { | ||
| dispatch(getExistingManifestTags()); | ||
| }, [dispatch]); |
There was a problem hiding this comment.
could this also live in the ManifestsList as both will have to have the data anyway, but the ManifestDrawer is a child of the list/ to limit the duplicate request in case of a link to the manifest?
| }; | ||
|
|
||
| return ( | ||
| <BaseDrawer open={open} size="sm" onClose={onClose} slotProps={{ header: { title: 'Upload a Manifest' } }}> |
There was a problem hiding this comment.
it works on my screen 😄 (switched to md)
| onDrop={onDrop} | ||
| accept={{ | ||
| 'application/octet-stream': ['.mender'], | ||
| 'application/x-yaml': ['.yaml'] |
There was a problem hiding this comment.
| 'application/x-yaml': ['.yaml'] | |
| 'application/yaml': ['.yaml', 'yml'] |
to align with https://www.iana.org/assignments/media-types/media-types.xhtml
962f43e to
dc64606
Compare
Ticket: MEN-9436 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
Ticket: MEN-9436 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
Ticket: MEN-9436 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
Ticket: MEN-9436 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
Ticket: MEN-9436 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
Ticket: MEN-9436 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
…performance Ticket: MEN-9436 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
Ticket: MEN-9436 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
+ moved tag fetching to manifest list Ticket: MEN-9436 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
Ticket: MEN-9436 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
+ added the reset on drawer close Ticket: MEN-8205 Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
mzedel
left a comment
There was a problem hiding this comment.
the selector in the tests can surely be changed later on 👌
No description provided.