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 breadcrumbs #268

Merged
merged 6 commits into from
Dec 12, 2023
Merged

Add breadcrumbs #268

merged 6 commits into from
Dec 12, 2023

Conversation

hieungo89
Copy link
Contributor

@hieungo89 hieungo89 commented Nov 21, 2023

  • Added a simple breadcrumbs layout using the address bar.
  • Refactored some of the navbar logic grouping desktop view and mobile/tablet view.

Screenshot 2023-11-21 at 4 10 43 PM

@hieungo89 hieungo89 linked an issue Nov 21, 2023 that may be closed by this pull request
@hieungo89 hieungo89 requested a review from codetheweb December 5, 2023 18:56
Copy link
Contributor

@tessathornberry tessathornberry left a comment

Choose a reason for hiding this comment

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

Nice work, @hieungo89 ! You could go back and look at the linting comments, etc in https://github.com/sfbrigade/compass/pull/268/files if you like, but the functionality is good.

// An array of breadcrumbs fixed to students/staff as the first index. This will be modified depending on how the address bar will be displayed.
const breadcrumbs = paths.map((path, index) => {
if (index === 0) return "";
if (index % 2 === 1) {
Copy link
Contributor

Choose a reason for hiding this comment

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

I think these conditionals are good for now - once we get more path links, like STUDENTS / Student Name / Goal / Benchmark (for data visualization), like you say in the documentation/comments, we can add for those cases
.

</Box>
{desktop ? (
<>
{/* Sidebar for screens & breadcrumbs > md size */}
Copy link
Contributor

Choose a reason for hiding this comment

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

Good comment/documentation

@hieungo89 hieungo89 merged commit 5dd8421 into main Dec 12, 2023
3 checks passed
@hieungo89 hieungo89 deleted the breadcrumbs branch December 12, 2023 07:19
hieungo89 added a commit that referenced this pull request Feb 13, 2024
hieungo89 added a commit that referenced this pull request Feb 14, 2024
* Add user to the staff list on the frontend instead of the backend

* [Closes #221] Update dependencies, resolve all npm audit warnings (#259)

* Ran npm audit fix

* Remove deprecated @next/font

* Replace mockery with rewiremock

* Bump nextjs version

* Bump typed-css-modules version

* Staff page (#269)

Co-authored-by: Brandon Cruz-Youll <brandon.cruzyoull@gmail.com>

* Add breadcrumbs (#268)

* changed placeholder to defaultValue on forms for edit student and edit staff (#276)

* added placeholder files and instruction documentation for Design System components and their css modules (#275)

* Update button module to override MUI styling and apply to all button instances  (#277)

* fix secondary button styling on button module and apply to edit button on student page

* add button folder with button module to components

* change imports for button module

* fix edit, cancel, and save buttons on student page

* replace button module file in design system button folder and delete previous button folder

* replace import statements for button module

* change subgoal button to inherit button module styling instead of goal module styling

* change assign staff button styling in subgoal to inherit button module styling

* update buttons on subgoal assignment modal to inherit button module styling

* update border radius and secondary border color in button module

* change all button stylings on staff page

* changes to button module

* prettier fix

* update primary variable hex in global css file and update button color to be in accordance with DS

* fix prettier in globalcss

* remove sx from line 43 of staff/[user_id] and remove all instances of home.bold styling in buttons

---------

* Fix cm student id page (#280)

* add Goal and Iep components and css from feat-cm-edit-goal

* remove css class in Goal.module.css for removed controlCarat class

* add flexWrap: wrap to div containing benchmark info in goal to avoid pushing ArrowForwardIosIcon into Add Goal form

* run prettier

* remove additional unused code and imports from components/goal/Goal

* Fix type error

---------

Co-authored-by: Francis Li <francisli@users.noreply.github.com>
Co-authored-by: Brett Austin Eastman <76603041+BrettEastman@users.noreply.github.com>
Co-authored-by: Brandon Cruz-Youll <brandon.cruzyoull@gmail.com>
Co-authored-by: Hieu Ngo <hieu.ngo12989@gmail.com>
Co-authored-by: Brandon Cruz-Youll <42663258+BeeSeeWhy@users.noreply.github.com>
Co-authored-by: Tessa Thornberry <tthornberryclass@gmail.com>
Co-authored-by: Hannah McGowan <73210740+hannahmcg@users.noreply.github.com>
Co-authored-by: KCCPMG <39074889+KCCPMG@users.noreply.github.com>
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.

Make breadcrumbs for navigation [ENG]
3 participants