show avatar placeholder in settings shell (#4639)

Co-authored-by: CarinaWolli <wollencarina@gmail.com>
pull/4635/head^2
Carina Wollendorfer 2022-09-21 00:53:31 -04:00 committed by GitHub
parent 52959fe257
commit 4e7200a44b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 7 deletions

View File

@ -5,6 +5,7 @@ import React, { ComponentProps, useEffect, useState } from "react";
import { classNames } from "@calcom/lib";
import { WEBAPP_URL } from "@calcom/lib/constants";
import { getPlaceholderAvatar } from "@calcom/lib/defaultAvatarImage";
import { useLocale } from "@calcom/lib/hooks/useLocale";
import { trpc } from "@calcom/trpc/react";
import Button from "@calcom/ui/v2/core/Button";
@ -194,13 +195,11 @@ const SettingsSidebarContainer = ({ className = "" }) => {
<Icon.FiChevronRight />
)}
</div>
{team.logo && (
<img
src={team.logo}
className="mt-2 ml-[12px] mr-[8px] h-[16px] w-[16px] self-start stroke-[2px] md:mt-0"
alt={team.name || "Team logo"}
/>
)}
<img
src={getPlaceholderAvatar(team.logo, team?.name as string)}
className="mt-2 ml-[12px] mr-[8px] h-[16px] w-[16px] self-start stroke-[2px] md:mt-0"
alt={team.name || "Team logo"}
/>
<p>{team.name}</p>
{!team.accepted && (
<Badge className="ml-3" variant="orange">