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

[Nav Drawer] Move user profile and sign out link into popup #2397 #2434

Merged
merged 23 commits into from
May 28, 2024

Conversation

NudurupatiSurya
Copy link
Contributor

@NudurupatiSurya NudurupatiSurya commented Apr 10, 2024

Fixes #2397

Updated Demo:

Screen_recording_20240520_164103.mp4

* Initial Commit

* Working - 1

* Small change

* Updated Code based on the requirements

* Removed Signout from NavDrawer

* Modified code to retrieve user details using authentication manager
@NudurupatiSurya NudurupatiSurya changed the title Nudurupati surya 2 2397 (#1) [Nav Drawer] Move user profile and sign out link into popup #2397 Apr 10, 2024
@NudurupatiSurya NudurupatiSurya marked this pull request as draft April 10, 2024 02:57
@gino-m gino-m requested review from shobhitagarwal1612 and removed request for shobhitagarwal1612 April 10, 2024 13:52
@gino-m
Copy link
Collaborator

gino-m commented Apr 10, 2024

Looks good! Please resolve conflicts and mark as "ready for review" once ready!

@NudurupatiSurya NudurupatiSurya marked this pull request as ready for review April 10, 2024 23:05
@shobhitagarwal1612
Copy link
Member

Thanks for working on this @NudurupatiSurya. Excited to get this merged too! 🎉 🎉 🎉

After comparing your screen recording with the mocks, I can see that there are a couple of more UI changes needed:

  1. We need to show the app logo and name in the header and only show the profile photo at the right
  2. Styling of this new dialog is not the same as the original signout confirmation dialog. So, could you please create a new compose dialog instead of reusing the existing one?
  3. As per the mocks, the dialog appears to be anchored to the profile photo. Can you please check if that is feasible?

Copy link
Member

@shobhitagarwal1612 shobhitagarwal1612 left a comment

Choose a reason for hiding this comment

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

Added comments above.

Copy link
Collaborator

@gino-m gino-m left a comment

Choose a reason for hiding this comment

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

Apologies for late feedback.. one small refactor, otherwise LG!

@gino-m
Copy link
Collaborator

gino-m commented Apr 18, 2024

Running tests now, I'll paste in results so you can include in your next iteration.

/gcbrun

@NudurupatiSurya NudurupatiSurya marked this pull request as draft April 23, 2024 04:28
@NudurupatiSurya
Copy link
Contributor Author

NudurupatiSurya commented Apr 24, 2024

After comparing your screen recording with the mocks, I can see that there are a couple of more UI changes needed:

  1. We need to show the app logo and name in the header and only show the profile photo at the right
  2. Styling of this new dialog is not the same as the original signout confirmation dialog. So, could you please create a new compose dialog instead of reusing the existing one?
  3. As per the mocks, the dialog appears to be anchored to the profile photo. Can you please check if that is feasible?

Hello @shobhitagarwal1612,

As you suggested, I have updated the navigation header to display the app logo and name, with the profile photo positioned on the right.

This is how it looks now:

However, I'm unsure about the style of the text for "Ground" and the spacing between the profile photo and the edge of the header. Could you please provide details if available?

I am also working on anchoring the user dialog to the navigation header and will convert the PR to ready for review once this is completed. Also, please let me know if you find anything that is missing.

Thank you,
Surya

CC: @gino-m

@gino-m
Copy link
Collaborator

gino-m commented Apr 26, 2024

Thanks you, @NudurupatiSurya!

However, I'm unsure about the style of the text for "Ground" and the spacing between the profile photo and the edge of the header. Could you please provide details if available?

@rawbzz, could you please advise?

@NudurupatiSurya
Copy link
Contributor Author

Hello @gino-m,

Thank you for your feedback! I've updated the font size from pt to sp and changed marginEnd from px to dp as suggested.

Sorry for the delay in my response, I was tied up with finals week at my college.

I've moved the PR from draft to ready for review. Please have a look and let me know if further adjustments are needed.

Looking forward to potentially merging my first PR 😊

Best regards,
Surya

CC: @shobhitagarwal1612

@NudurupatiSurya NudurupatiSurya marked this pull request as ready for review May 9, 2024 12:37
@shobhitagarwal1612
Copy link
Member

Can you please update the screen recording in the PR description as well?

@NudurupatiSurya
Copy link
Contributor Author

Can you please update the screen recording in the PR description as well?

Updated the description

@shobhitagarwal1612
Copy link
Member

/gcbrun

@shobhitagarwal1612
Copy link
Member

Also pasting the output of GCB here:

* What went wrong:
Execution failed for task ':workspace:ground:ktfmtCheckMain'.
> [ktfmt] Found 3 files that are not properly formatted:
  src/main/java/com/google/android/ground/ui/home/SignOutConfirmationDialog.kt
  src/main/java/com/google/android/ground/ui/home/HomeScreenFragment.kt
  src/main/java/com/google/android/ground/ui/home/UserDetailsDialog.kt

You can fix this locally by running the gradle command ktfmtFormat

@NudurupatiSurya
Copy link
Contributor Author

NudurupatiSurya commented May 20, 2024

Hello @shobhitagarwal1612,

Thank you for the feedback. I have made the changes you suggested and updated the screen recording in the description. Please review and let me know if any further modifications are needed.

Regards,
Surya

CC: @gino-m

@shobhitagarwal1612
Copy link
Member

/gcbrun

@shobhitagarwal1612
Copy link
Member

The remote build is still failing. Can you please run checkCode locally and fix whatever is failing?

@NudurupatiSurya
Copy link
Contributor Author

The remote build is still failing. Can you please run checkCode locally and fix whatever is failing?

I ran checkCode locally and found an unused resource file and some styles. I have removed these, and the build is now successful for checkCode. Do let me know if any further changes are needed. 😊

@shobhitagarwal1612
Copy link
Member

/gcbrun

@shobhitagarwal1612
Copy link
Member

@gino-m PTAL

@gino-m
Copy link
Collaborator

gino-m commented May 28, 2024

/gcbrun

Copy link
Collaborator

@gino-m gino-m left a comment

Choose a reason for hiding this comment

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

@NudurupatiSurya Nicely done! 🏅

@gino-m gino-m merged commit 2eef118 into google:master May 28, 2024
2 checks passed
@NudurupatiSurya
Copy link
Contributor Author

@NudurupatiSurya Nicely done! 🏅

Thank You @gino-m!

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.

[Nav Drawer] Move user profile and sign out link into popup
4 participants