YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add avatar to user in frontend (#1108)

Browse Source
This commit is contained in:
boojack
2023-02-18 10:00:46 +08:00
committed by GitHub
parent 096a71c58b
commit bcee0bbf3a
11 changed files with 120 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/UserAvatar.tsx Normal file
View File

@ -0,0 +1,17 @@
import { MEMOS_LOGO_URL } from "../helpers/consts";
interface Props {
avatarUrl?: string;
className?: string;
}
const UserAvatar = (props: Props) => {
const { avatarUrl, className } = props;
return (
<div className={`${className ?? ""} w-8 h-8 rounded-full bg-gray-100 dark:bg-zinc-800`}>
<img className="w-full h-full" src={avatarUrl || MEMOS_LOGO_URL} alt="" />
</div>
);
};
export default UserAvatar;