Skip to content
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

Add extra container in top nav for portal #3300

Merged
merged 4 commits into from
Nov 20, 2023

Conversation

jaikumar-tj
Copy link
Contributor

Summary

Creating a empty container in top-navigation panel for staffbar team switcher to display the limited permission stamp using portal.

Screenshot 2023-11-20 at 12 03 36

Copy link

changeset-bot bot commented Nov 20, 2023

🦋 Changeset detected

Latest commit: f8741cb

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 38 packages
Name Type
@commercetools-frontend/application-shell Patch
@commercetools-frontend/cypress Patch
@commercetools-applications/merchant-center-template-starter-typescript Patch
@commercetools-applications/merchant-center-template-starter Patch
@commercetools-applications/merchant-center-custom-view-template-starter-typescript Patch
@commercetools-applications/merchant-center-custom-view-template-starter Patch
@commercetools-local/playground Patch
@commercetools-local/visual-testing-app Patch
@commercetools-backend/eslint-config-node Patch
@commercetools-backend/express Patch
@commercetools-backend/loggers Patch
@commercetools-frontend/actions-global Patch
@commercetools-frontend/application-components Patch
@commercetools-frontend/application-config Patch
@commercetools-frontend/application-shell-connectors Patch
@commercetools-frontend/assets Patch
@commercetools-frontend/babel-preset-mc-app Patch
@commercetools-frontend/browser-history Patch
@commercetools-frontend/codemod Patch
@commercetools-frontend/constants Patch
@commercetools-frontend/create-mc-app Patch
@commercetools-frontend/eslint-config-mc-app Patch
@commercetools-frontend/i18n Patch
@commercetools-frontend/jest-preset-mc-app Patch
@commercetools-frontend/jest-stylelint-runner Patch
@commercetools-frontend/l10n Patch
@commercetools-frontend/mc-dev-authentication Patch
@commercetools-frontend/mc-html-template Patch
@commercetools-frontend/mc-scripts Patch
@commercetools-frontend/notifications Patch
@commercetools-frontend/permissions Patch
@commercetools-frontend/react-notifications Patch
@commercetools-frontend/sdk Patch
@commercetools-frontend/sentry Patch
@commercetools-frontend/url-utils Patch
@commercetools-website/custom-applications Patch
@commercetools-website/components-playground Patch
@commercetools-website/custom-views Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@jaikumar-tj jaikumar-tj changed the title chore: add extra container in top nav for portal Add extra container in top nav for portal Nov 20, 2023
display: flex;
`}
>
<div id="extra-menu"></div>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please suggest a better id or data-test name

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also should it have a margin here or can it remain in mc-frontend instead where the portal is used?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. Naming

Given here on the prior PR we didn't introduce a staff-bar--main or something name dedicated to the usage we could maybe name this left-of-profile? Just as a suggestion?

  1. Margin

I would not specify the margin here but define it in the MC FE. Maybe using spacer components.

Always found this a good article on the subject https://mxstbr.com/thoughts/margin/

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Agreed, no styles needed here.

@jaikumar-tj
Copy link
Contributor Author

FYI @chloe0592 I assume you were also trying to resolve this position issue. we discussed and decided that having an extra container would be better since the shield team can move it according to their new design independently.

@jaikumar-tj jaikumar-tj self-assigned this Nov 20, 2023
@jaikumar-tj jaikumar-tj marked this pull request as ready for review November 20, 2023 11:10
Copy link
Contributor

github-actions bot commented Nov 20, 2023

Deploy preview for merchant-center-application-kit ready!

✅ Preview
https://merchant-center-application-29c6qr9na-commercetools.vercel.app
https://appkit-sha-2849fe568dfa8bb0d3f401f30f70ddcd78cdb5ab.commercetools.vercel.app
https://appkit-pr-3300.commercetools.vercel.app

Built with commit f8741cb.
This pull request is being automatically deployed with vercel-action

Copy link
Contributor

github-actions bot commented Nov 20, 2023

Deploy preview for application-kit-custom-views ready!

✅ Preview
https://application-kit-custom-views-5pd9xt3km-commercetools.vercel.app
https://appkit-cv-sha-2849fe568dfa8bb0d3f401f30f70ddcd78cdb5ab.commercetools.vercel.app
https://appkit-cv-pr-3300.commercetools.vercel.app

Built with commit f8741cb.
This pull request is being automatically deployed with vercel-action

Copy link
Member

@emmenko emmenko left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🤗

display: flex;
`}
>
<div id="extra-menu"></div>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nit: I would define the ID here:

export const CONTAINERS = {
LOCALE_SWITCHER: 'locale-switcher-container',
} as const;

display: flex;
`}
>
<div id="extra-menu"></div>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Agreed, no styles needed here.

Copy link
Member

@emmenko emmenko left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@jaikumar-tj jaikumar-tj enabled auto-merge (squash) November 20, 2023 13:09
@jaikumar-tj jaikumar-tj merged commit bbd48e5 into main Nov 20, 2023
20 checks passed
@jaikumar-tj jaikumar-tj deleted the jj-portal-for-staffbar-permission branch November 20, 2023 16:03
@ct-changesets ct-changesets bot mentioned this pull request Nov 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants