blah

Parkreiner · Parkreiner · commit ab432e33f5db · 2024-09-26T05:38:53.000Z
diff --git a/site/src/components/AvatarData/AvatarData.tsx b/site/src/components/AvatarData/AvatarData.tsx
@@ -20,20 +20,20 @@ export interface AvatarDataProps {
 	 * Tried writing some layout effect/JSX parsing logic to do the extraction,
 	 * but it added complexity and render overhead, and wasn't reliable enough
 	 */
-	fallbackLetter?: string;
+	imgFallbackText?: string;
 }
 
 export const AvatarData: FC<AvatarDataProps> = ({
 	title,
 	subtitle,
 	src,
-	fallbackLetter,
+	imgFallbackText,
 	avatar,
 }) => {
 	const theme = useTheme();
 	avatar ??= (
 		<Avatar background src={src}>
-			{typeof title === "string" ? title : (fallbackLetter?.slice(0, 1) ?? "-")}
+			{typeof title === "string" ? title : (imgFallbackText ?? "-")}
 		</Avatar>
 	);
 
diff --git a/site/src/pages/WorkspacePage/WorkspaceTopbar.tsx b/site/src/pages/WorkspacePage/WorkspaceTopbar.tsx
@@ -25,12 +25,12 @@ import { WorkspaceStatusBadge } from "modules/workspaces/WorkspaceStatusBadge/Wo
 import type { FC } from "react";
 import { useQuery } from "react-query";
 import { Link as RouterLink } from "react-router-dom";
+import { isEmojiUrl } from "utils/appearance";
 import { displayDormantDeletion } from "utils/dormant";
 import { WorkspaceActions } from "./WorkspaceActions/WorkspaceActions";
 import { WorkspaceNotifications } from "./WorkspaceNotifications/WorkspaceNotifications";
 import { WorkspaceScheduleControls } from "./WorkspaceScheduleControls";
 import type { WorkspacePermissions } from "./permissions";
-import { isEmojiUrl } from "utils/appearance";
 
 export type WorkspaceError =
 	| "getBuildsError"
@@ -353,6 +353,7 @@ const OrganizationBreadcrumb: FC<OrganizationBreadcrumbProps> = ({
 							/>
 						)
 					}
+					imgFallbackText={orgName}
 				/>
 			</HelpTooltipContent>
 		</Popover>
@@ -418,6 +419,7 @@ const WorkspaceBreadcrumb: FC<WorkspaceBreadcrumbProps> = ({
 							fitImage
 						/>
 					}
+					imgFallbackText={templateVersionDisplayName}
 				/>
 			</HelpTooltipContent>
 		</Popover>
