Dec 20, 2024 · Dec 17, 2024 · Dec 17, 2024 · Dec 17, 2024 · Dec 17, 2024 · Dec 17, 2024
diff --git a/site/src/components/Avatar/Avatar.tsx b/site/src/components/Avatar/Avatar.tsx
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;

 function avatarLetters(str: string): string {
 const words = str.split(" ");
 if (words.length === 1) {
 return words[0].charAt(0).toUpperCase();
 }
 return (words[0].charAt(0) + words[1].charAt(0)).toUpperCase();
 function avatarLetter(str: string): string {
 return str.charAt(0).toUpperCase();
 }

 export { Avatar, AvatarImage, AvatarFallback,avatarLetters };
 export { Avatar, AvatarImage, AvatarFallback,avatarLetter };
diff --git a/site/src/pages/WorkspacesPage/filter/menus.tsx b/site/src/pages/WorkspacesPage/filter/menus.tsx
 Avatar,
 AvatarFallback,
 AvatarImage,
 AvatarProps,
 avatarLetters,
 avatarLetter,
 } from "components/Avatar/Avatar";
 import {
 SelectFilter,
 <Avatar size="sm" variant="icon">
 <AvatarImage src={template.icon} />
 <AvatarFallback>
 {avatarLetters(template.display_name || template.name)}
 {avatarLetter(template.display_name || template.name)}
 </AvatarFallback>
 </Avatar>
 );
Original file line number	Diff line number	Diff line change
Expand Up		@@ -91,12 +91,8 @@ const AvatarFallback = React.forwardRef<
		));
		AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;

		function avatarLetters(str: string): string {
		const words = str.split(" ");
		if (words.length === 1) {
		return words[0].charAt(0).toUpperCase();
		}
		return (words[0].charAt(0) + words[1].charAt(0)).toUpperCase();
		function avatarLetter(str: string): string {
		return str.charAt(0).toUpperCase();
		}

		export { Avatar, AvatarImage, AvatarFallback,avatarLetters };
		export { Avatar, AvatarImage, AvatarFallback,avatarLetter };
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,8 +4,7 @@ import {
		Avatar,
		AvatarFallback,
		AvatarImage,
		AvatarProps,
		avatarLetters,
		avatarLetter,
		} from "components/Avatar/Avatar";
		import {
		SelectFilter,
Expand DownExpand Up		@@ -63,7 +62,7 @@ const TemplateAvatar: FC<{ template: Template }> = ({ template }) => {
		<Avatar size="sm" variant="icon">
		<AvatarImage src={template.icon} />
		<AvatarFallback>
		{avatarLetters(template.display_name \|\| template.name)}
		{avatarLetter(template.display_name \|\| template.name)}
		</AvatarFallback>
		</Avatar>
		);
Expand Down