Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-19 18:00:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

🎨 feat: Create Avatars of Initials Locally (#1869)

Browse source
This commit is contained in:
Danny Avila 2024-02-23 09:23:29 -05:00 • committed by GitHub
parent 4012dea4ab
commit 5f6d1f3db0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 477 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

17
client/src/components/Nav/NavLinks.tsx
View file

@ -7,6 +7,7 @@ import { useGetUserBalance, useGetStartupConfig } from 'librechat-data-provider/
import type { TConversation } from 'librechat-data-provider';
import FilesView from '~/components/Chat/Input/Files/FilesView';
import { useAuthContext } from '~/hooks/AuthContext';
import useAvatar from '~/hooks/Messages/useAvatar';
import { ExportModal } from './ExportConversation';
import { LinkIcon, GearIcon } from '~/components';
import { useLocalize } from '~/hooks';
@ -28,9 +29,12 @@ function NavLinks() {
const [showSettings, setShowSettings] = useState(false);
const [showFiles, setShowFiles] = useRecoilState(store.showFiles);
let conversation;
const activeConvo = useRecoilValue(store.conversationByIndex(0));
const globalConvo = useRecoilValue(store.conversation) ?? ({} as TConversation);
const avatarSrc = useAvatar(user);
let conversation: TConversation | null | undefined;
if (location.state?.from?.pathname.includes('/chat')) {
conversation = globalConvo;
} else {
@ -68,16 +72,7 @@ function NavLinks() {
>
<div className="-ml-0.9 -mt-0.8 h-8 w-7 flex-shrink-0">
<div className="relative flex">
<img
className="rounded-full"
src={
user?.avatar ||
`https://api.dicebear.com/6.x/initials/svg?seed=${
user?.name || 'User'
}&fontFamily=Verdana&fontSize=36`
}
alt=""
/>
<img className="rounded-full" src={user?.avatar || avatarSrc} alt="" />
</div>
</div>
<div