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

Fixed shifting details page responsiveness and add shadcn Breadcrump #8860

Conversation

modamaan
Copy link
Contributor

Proposed Changes

change the button alignment when phone size

Before
Screenshot 2024-10-20 000900

After
Screenshot 2024-10-20 011739

@ohcnetwork/care-fe-code-reviewers

Merge Checklist

  • Add specs that demonstrate bug / test a new feature.
  • Update product documentation.
  • Ensure that UI text is kept in I18n files.
  • Prep screenshot or demo video for changelog entry, and attach it to issue.
  • Request for Peer Reviews
  • Completion of QA

@modamaan modamaan requested a review from a team as a code owner October 22, 2024 02:15
Copy link

netlify bot commented Oct 22, 2024

Deploy Preview for care-ohc failed.

Name Link
🔨 Latest commit e131c53
🔍 Latest deploy log https://app.netlify.com/sites/care-ohc/deploys/671d12e1d8d29700086d5364

@modamaan
Copy link
Contributor Author

shadcn added https://ui.shadcn.com/docs/components/breadcrumb

loom-video.1.mp4

Copy link
Member

@bodhish bodhish left a comment

Choose a reason for hiding this comment

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

  • Fix all lint issues, also check if your auto format is working
  • Remove unused variables and functions, this should have been caught before committing in pre commit hook 🤔. Check your setup
  • Lets have one behaviour both desktop and mobile, keep it as close as how Shadcn works.
  • UI should match, from the video I can quickly spot that you are missing a > at the end
image

@modamaan
Copy link
Contributor Author

Screenshot 2024-10-22 095006
Screenshot 2024-10-22 095502

there is no <BreadcrumbSeparator /> shadcn at the end, If you'd like let me know

@bodhish
Copy link
Member

bodhish commented Oct 22, 2024

on the video you shared I can see that we are missing a > after the ...
image

@modamaan
Copy link
Contributor Author

modamaan commented Oct 22, 2024

@bodhish @vigneshhari

Screenshot 2024-10-23 001317

Copy link

👋 Hi, @modamaan,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.


This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

@github-actions github-actions bot added the merge conflict pull requests with merge conflict label Oct 23, 2024
@modamaan
Copy link
Contributor Author

@bodhish how to resolve conflict issue

@rithviknishad
Copy link
Member

#8875 (comment)

@modamaan modamaan force-pushed the issues/8831/edit-shiftingDetailspage branch from ffa285f to ec5a01d Compare October 23, 2024 13:32
@modamaan
Copy link
Contributor Author

@rithviknishad can you check the updates

Copy link
Member

@bodhish bodhish left a comment

Choose a reason for hiding this comment

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

You missed to implmenet

  • Fix all lint issues, also check if your auto format is working. (How did the lint miss catching the quotes issue 🤔)
  • Lets have one behaviour both desktop and mobile, keep it as close as how Shadcn works.
    Its having the old behavior in desktop and new one in mobile screens.

Other Changes

  • ... is having a different color, it look alike right 🤔
image
  • Login seems to be broken for showing the last item.

Before

image

after

image
  • Somehow home button lost an underline;
  • why is logic with MENU_TAGS removed?

before requesting the review make sure all these changes are tested.

src/Components/Shifting/ShiftDetailsUpdate.tsx Outdated Show resolved Hide resolved
@github-actions github-actions bot added the Deploy-Failed Deplyment is not showing preview label Oct 24, 2024
@modamaan
Copy link
Contributor Author

modamaan commented Oct 24, 2024

Screenshot 2024-10-25 010002

updated phone and desktop

@modamaan modamaan requested a review from bodhish October 25, 2024 02:44
@modamaan modamaan closed this Oct 26, 2024
@modamaan modamaan deleted the issues/8831/edit-shiftingDetailspage branch October 26, 2024 16:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
changes required Deploy-Failed Deplyment is not showing preview merge conflict pull requests with merge conflict
Projects
None yet
Development

Successfully merging this pull request may close these issues.

phone size responsive issue shifting details page
4 participants