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

Feature/pratyush1718/navbar #14

Merged
merged 13 commits into from
Feb 21, 2024
Merged

Feature/pratyush1718/navbar #14

merged 13 commits into from
Feb 21, 2024

Conversation

pratyush1718
Copy link
Contributor

Tracking Info

Resolves #3

Changes

Add a bottom nav bar component per figma designs. Also added stack navigation for different button clicks on the nav bar.

Testing

Tested using android emulator, ss below

  • TODO
image

@Anthonyp0329 Anthonyp0329 requested review from a team, r800360 and EdwardLinS and removed request for a team February 11, 2024 04:56
Copy link
Collaborator

@Anthonyp0329 Anthonyp0329 left a comment

Choose a reason for hiding this comment

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

Looks amazing, thanks for the great work! Just a few minor things I commented about, and try to resolve linter issues as well, lmk if you need help.

items.find((item) => item.id === itemId)?.onClick();
};

const styles = StyleSheet.create({
Copy link
Collaborator

Choose a reason for hiding this comment

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

Put styles into a separate file from the component itself

Copy link
Collaborator

Choose a reason for hiding this comment

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

Our home page is actually just going to be the global search page, so just make the home page be the search page and feel free to delete this page

import { StyleSheet, View } from 'react-native';
import { Svg, Circle, G } from 'react-native-svg';

const styles = StyleSheet.create({
Copy link
Contributor

Choose a reason for hiding this comment

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

Not sure if it's necessary as it's such a small style sheet, but for consistency's sake, it might be good to move this to its own file as well.

Copy link
Contributor

@EdwardLinS EdwardLinS left a comment

Choose a reason for hiding this comment

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

Other than needing to move the style sheets to new files, everything looks great! Good job!

Copy link
Member

@r800360 r800360 left a comment

Choose a reason for hiding this comment

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

I apologize for the delay in reviewing this. Nice work with these changes; I tried it out on my Android device and got good results, but on my iPad, I saw that the search icon was not aligned properly. A photo is attached below.
NavBar Feature iPad Test - Sachdeva, Rohan

I went ahead and fixed some of the annoying linter issues, and I'll see if I can take care of the package.json/package-lock.json issues; hopefully more do not pop up. I think the pending issues to focus on as discussed previously are:

  1. Making separate files for the styles in the Stylesheets
  2. Change home page to global search page
  3. iPad issue described here

Otherwise, very well done!

@r800360
Copy link
Member

r800360 commented Feb 15, 2024

Alright linter issues and package.json/package-lock.json merge conflict are all taken care of, so this concludes my commits to the branch as of now.

Copy link
Member

@r800360 r800360 left a comment

Choose a reason for hiding this comment

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

It seems that you completed the necessary changes of making a separate file for the bar's Stylesheet and deleting the HomePage. We will fix the iPad issue later. I'll approve the changes!

Copy link
Collaborator

@Anthonyp0329 Anthonyp0329 left a comment

Choose a reason for hiding this comment

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

Looking great, thanks!

@pratyush1718 pratyush1718 merged commit 5280f5e into main Feb 21, 2024
2 checks passed
@pratyush1718 pratyush1718 deleted the feature/pratyush1718/navbar branch February 21, 2024 00:48
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.

Bottom Bar + Navigation
4 participants