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

feat: create read only profile page #244

Merged
merged 17 commits into from
Jun 7, 2024
Merged

Conversation

mariembencheikh
Copy link
Contributor

@mariembencheikh mariembencheikh self-assigned this May 30, 2024
@mariembencheikh mariembencheikh added the feature New feature or request label May 30, 2024
@mariembencheikh mariembencheikh linked an issue May 30, 2024 that may be closed by this pull request
Copy link
Contributor

@pyphilia pyphilia left a comment

Choose a reason for hiding this comment

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

Great PR! I added my comments, as well as general/design comments here:

I think it was not especially wanted to have this break effect (title-button). I think it's okay to not break, but rather use xs=10 xs=2 or 11/1
Screenshot 2024-05-31 at 13 19 19

I think the display is bit strange when the public profile is empty. Maybe let's have some indication that some fields are empty?
Screenshot 2024-05-31 at 13 23 45

Typo dans "membre depuis"
Screenshot 2024-05-31 at 13 28 03

Also I know it was not in the mockup, but I think it would be interesting to have the link to the public profile in the read page as well.

src/pages/MemberScreen.tsx Outdated Show resolved Hide resolved
cypress/e2e/memberProfile.cy.ts Show resolved Hide resolved
src/components/main/MemberPersonalInformation.tsx Outdated Show resolved Hide resolved
@mariembencheikh mariembencheikh requested a review from pyphilia May 31, 2024 14:14
Copy link
Member

@spaenleh spaenleh left a comment

Choose a reason for hiding this comment

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

Good work. I have a few comments:

  • change PR title to conform to the standard (for reference see the style guide)
  • your PR has not been rebased, it is not dramatic, but would be better to do in the future, as it provides a clearer view of the changes you want to apply
  • the Changelog has been formatted, you should not format files you do not care about. To avoid committing files you do not wish to change, review your changes locally, or in github and revert any change you do not wish to make. (Refer to the style guide for more info)
  • Once you edit one part of the profile, there is no way to return back to the profile page. Add a button even if only temporary, so that users are not lost.
  • In general you have repeating code, create components to re-use and make it easier to change layout more uniformly.

CHANGELOG.md Outdated Show resolved Hide resolved
src/config/paths.ts Show resolved Hide resolved
src/langs/en.json Outdated Show resolved Hide resolved
src/langs/en.json Outdated Show resolved Hide resolved
src/pages/EditMemberPersonalInformation.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPersonalInformation.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPersonalInformation.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPublicProfile.tsx Show resolved Hide resolved
src/components/main/MemberPublicProfile.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPublicProfile.tsx Outdated Show resolved Hide resolved
@mariembencheikh mariembencheikh changed the title 241 create read only profile page feat: create read only profile page Jun 3, 2024
@mariembencheikh mariembencheikh requested a review from spaenleh June 5, 2024 12:26
Copy link
Member

@spaenleh spaenleh left a comment

Choose a reason for hiding this comment

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

Thank you for the changes, I think I will stop bothering you. But I think you should really perform an auto-review to evaluate your code and detect potential refactoring to improve the readability and elegance of the code. This is a good exercise. If you do not find it beautiful, there is maybe a better way to do it. Just something to think about !

src/pages/EditMemberPersonalInformation.tsx Outdated Show resolved Hide resolved
src/pages/EditPublicProfileScreen.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPublicProfile.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPublicProfile.tsx Outdated Show resolved Hide resolved
src/components/main/RoundedStack.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPublicProfileItem.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPublicProfile.tsx Outdated Show resolved Hide resolved
src/components/main/MemberProfileItem.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPersonalInformation.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPublicProfile.tsx Outdated Show resolved Hide resolved
@spaenleh
Copy link
Member

spaenleh commented Jun 5, 2024

@mariembencheikh I think you should add a container inside the profile page. Recommended max size would be 1000px.

Copy link
Member

@spaenleh spaenleh left a comment

Choose a reason for hiding this comment

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

Great work ! 🚀

Copy link
Contributor

@pyphilia pyphilia left a comment

Choose a reason for hiding this comment

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

Thanks for all the changes, I suggest other minor changes, we can merge as soon as you apply them. Thanks 🦆

src/langs/fr.json Outdated Show resolved Hide resolved
src/langs/fr.json Outdated Show resolved Hide resolved
src/langs/fr.json Outdated Show resolved Hide resolved
src/langs/en.json Outdated Show resolved Hide resolved
src/langs/en.json Outdated Show resolved Hide resolved
src/langs/en.json Outdated Show resolved Hide resolved
src/langs/en.json Outdated Show resolved Hide resolved
src/langs/fr.json Outdated Show resolved Hide resolved
src/components/main/MemberPublicProfile.tsx Outdated Show resolved Hide resolved
src/pages/MemberProfileScreen.tsx Outdated Show resolved Hide resolved
Copy link
Contributor

@pyphilia pyphilia left a comment

Choose a reason for hiding this comment

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

I noticed a last bug, please write a test to also verify that the links are correct.

src/components/main/MemberPublicProfile.tsx Outdated Show resolved Hide resolved
src/components/main/MemberPublicProfile.tsx Outdated Show resolved Hide resolved
@mariembencheikh mariembencheikh requested a review from pyphilia June 7, 2024 11:44
Copy link

sonarqubecloud bot commented Jun 7, 2024

Quality Gate Passed Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

@pyphilia pyphilia added this pull request to the merge queue Jun 7, 2024
Merged via the queue into main with commit 8448fcc Jun 7, 2024
5 checks passed
@spaenleh spaenleh deleted the 241-create-read-only-profile-page branch June 26, 2024 06:33
spaenleh pushed a commit that referenced this pull request Nov 14, 2024
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
spaenleh pushed a commit that referenced this pull request Nov 26, 2024
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature or request v2.8.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create read only profile page
3 participants