Description: Briefly describe the changes in this pull request.
Changelog: Ensure a changelog entry following the format of Keep a Changelog is added at the bottom of the PR description.
Description
Change the default user profile image to an icon showing their initials, similar to ChatGPT's UI. I believe this looks much better than the current default gravatar image.
Changelog Entry
Added
New default user profile image set as initial avatar
Changed
Default profile image/gravatar, clicking on "Use Gravatar" will set the profile image the initial avatar instead of the old user.png gravatar
Removed
Current default user.png gravatar
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.
## 📋 Pull Request Information
**Original PR:** https://github.com/open-webui/open-webui/pull/1386
**Author:** [@dannyl1u](https://github.com/dannyl1u)
**Created:** 4/1/2024
**Status:** ✅ Merged
**Merged:** 4/7/2024
**Merged by:** [@tjbck](https://github.com/tjbck)
**Base:** `dev` ← **Head:** `feat/profile-image-initials`
---
### 📝 Commits (10+)
- [`40e1e21`](https://github.com/open-webui/open-webui/commit/40e1e212d41ac88e05e9f65ecac020d780d6c1cc) feat: default profile image with user initials
- [`a0a064f`](https://github.com/open-webui/open-webui/commit/a0a064f4c8a3bd8414c953379331668be4f5f2ab) update initals avatar if user changes name
- [`6bb299a`](https://github.com/open-webui/open-webui/commit/6bb299ae25434b9b3aea642dd77d75778dc70ce5) run npm run format
- [`8d1db9a`](https://github.com/open-webui/open-webui/commit/8d1db9a1c081e6b76c286484654b19b1019689ec) feat: api endpoint to receive profile_image_uirl on signup
- [`3b06096`](https://github.com/open-webui/open-webui/commit/3b06096c522ffa91ab956cc866708823966479dd) run npm run lint:backend
- [`4195af4`](https://github.com/open-webui/open-webui/commit/4195af4942828c476084dfccf498a287713805b5) pass generated profile image in signup api call
- [`0c43897`](https://github.com/open-webui/open-webui/commit/0c43897f3d428e23d3c6318b081518d7de452b84) refac: move generateInitialsImage function to utils
- [`a2bd9b8`](https://github.com/open-webui/open-webui/commit/a2bd9b8639fba89d7c460095e47b38c529338302) style: npm run format
- [`c52cc46`](https://github.com/open-webui/open-webui/commit/c52cc46d2c8d4d6ca57f52ab1402a7943edb5d9b) feat: initial avatar set to first letter of firstname, first letter of lastname
- [`ac470e6`](https://github.com/open-webui/open-webui/commit/ac470e64e0987f7b8c3300c2401d05eb259f6859) npm run format
### 📊 Changes
**8 files changed** (+248 additions, -27 deletions)
<details>
<summary>View changed files</summary>
📝 `backend/apps/web/models/auths.py` (+8 -2)
📝 `backend/apps/web/models/users.py` (+8 -3)
📝 `backend/apps/web/routers/auths.py` (+5 -1)
📝 `src/lib/apis/auths/index.ts` (+8 -2)
📝 `src/lib/components/chat/Settings/Account.svelte` (+134 -15)
📝 `src/lib/i18n/locales/en-US/translation.json` (+2 -0)
📝 `src/lib/utils/index.ts` (+76 -0)
📝 `src/routes/auth/+page.svelte` (+7 -4)
</details>
### 📄 Description
## Pull Request Checklist
- [x] **Description:** Briefly describe the changes in this pull request.
- [x] **Changelog:** Ensure a changelog entry following the format of [Keep a Changelog](https://keepachangelog.com/) is added at the bottom of the PR description.
---
## Description
Change the default user profile image to an icon showing their initials, similar to ChatGPT's UI. I believe this looks much better than the current default gravatar image.
---
<img width="1624" alt="image" src="https://github.com/open-webui/open-webui/assets/45186464/1ce0e3ce-730c-490e-8e32-581c84ef0b5f">
<img width="763" alt="image" src="https://github.com/open-webui/open-webui/assets/45186464/2facabcc-5445-4e7a-b0d4-ff909faa39e5">
### Changelog Entry
### Added
- New default user profile image set as initial avatar
### Changed
- Default profile image/gravatar, clicking on "Use Gravatar" will set the profile image the initial avatar instead of the old user.png gravatar
### Removed
- Current default user.png gravatar
---
<sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
📋 Pull Request Information
Original PR: https://github.com/open-webui/open-webui/pull/1386
Author: @dannyl1u
Created: 4/1/2024
Status: ✅ Merged
Merged: 4/7/2024
Merged by: @tjbck
Base:
dev← Head:feat/profile-image-initials📝 Commits (10+)
40e1e21feat: default profile image with user initialsa0a064fupdate initals avatar if user changes name6bb299arun npm run format8d1db9afeat: api endpoint to receive profile_image_uirl on signup3b06096run npm run lint:backend4195af4pass generated profile image in signup api call0c43897refac: move generateInitialsImage function to utilsa2bd9b8style: npm run formatc52cc46feat: initial avatar set to first letter of firstname, first letter of lastnameac470e6npm run format📊 Changes
8 files changed (+248 additions, -27 deletions)
View changed files
📝
backend/apps/web/models/auths.py(+8 -2)📝
backend/apps/web/models/users.py(+8 -3)📝
backend/apps/web/routers/auths.py(+5 -1)📝
src/lib/apis/auths/index.ts(+8 -2)📝
src/lib/components/chat/Settings/Account.svelte(+134 -15)📝
src/lib/i18n/locales/en-US/translation.json(+2 -0)📝
src/lib/utils/index.ts(+76 -0)📝
src/routes/auth/+page.svelte(+7 -4)📄 Description
Pull Request Checklist
Description
Change the default user profile image to an icon showing their initials, similar to ChatGPT's UI. I believe this looks much better than the current default gravatar image.
Changelog Entry
Added
Changed
Removed
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.