[GH-ISSUE #288] Improvement: User Avatar #76

Closed
opened 2026-02-26 18:45:15 +03:00 by kerem · 2 comments
Owner

Originally created by @Hussainzz on GitHub (Aug 21, 2023).
Original GitHub issue: https://github.com/documenso/documenso/issues/288

Improvement Description

Instead of using the avatar-from-initials package, why not consider using the well-known @radix-ui/react-avatar ? This package allows us to use avatars with profile images and also provides a way to display fallback text, in our case, the user's name initials.

Proposed Solution

I have implemented a UserAvatar component below are the screenshots

Alt Text Alt Text

https://github.com/documenso/documenso/pull/287

Originally created by @Hussainzz on GitHub (Aug 21, 2023). Original GitHub issue: https://github.com/documenso/documenso/issues/288 <!--- Please provide a clear and concise title for your improvement suggestion --> ## Improvement Description Instead of using the `avatar-from-initials` package, why not consider using the well-known `@radix-ui/react-avatar` ? This package allows us to use avatars with profile images and also provides a way to display fallback text, in our case, the user's name initials. <!--- Describe the improvement you are suggesting in detail. --> <!--- Explain what specific aspect of the project it addresses or enhances. --> ## Proposed Solution I have implemented a UserAvatar component below are the screenshots <img src="https://github.com/documenso/documenso/assets/13753141/34af1307-9672-4cd9-b23e-21209dc31a82" alt="Alt Text" width="600" height="400"> <img src="https://github.com/documenso/documenso/assets/13753141/c82911b6-8a3e-48e9-a9e5-2a2f3905beb3" alt="Alt Text" width="400" height="600"> ## Related PR https://github.com/documenso/documenso/pull/287
kerem closed this issue 2026-02-26 18:45:16 +03:00
Author
Owner

@doug-andrade commented on GitHub (Aug 22, 2023):

This issue has been addressed in the feat/refresh branch. However it's worth noting that it's currently not receiving <AvatarImage />

As far as I can tell, user.image has not yet been added to the prisma schema.

image
<!-- gh-comment-id:1687321624 --> @doug-andrade commented on GitHub (Aug 22, 2023): This issue has been addressed in the `feat/refresh` branch. However it's worth noting that it's currently not receiving `<AvatarImage />` As far as I can tell, user.image has not yet been added to the prisma schema. <img width="882" alt="image" src="https://github.com/documenso/documenso/assets/16950308/0a4dfcb4-7d5e-4135-a9c9-ba13be192eae">
Author
Owner

@Mythie commented on GitHub (Nov 3, 2023):

Closing as we do have this on feat/refresh as mentioned.

<!-- gh-comment-id:1791895139 --> @Mythie commented on GitHub (Nov 3, 2023): Closing as we do have this on feat/refresh as mentioned.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/documenso#76
No description provided.