Hariom BalharaandGitHub
9a2c2aaca4
* fix: Links on avatar for org events * Remove noop code * Fix self review feedbavk
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { WEBAPP_URL } from "@calcom/lib/constants";
|
|
import { getUserAvatarUrl } from "@calcom/lib/getAvatarUrl";
|
|
import { getBookerBaseUrlSync } from "@calcom/lib/getBookerUrl/client";
|
|
import type { Team, User } from "@calcom/prisma/client";
|
|
import { AvatarGroup } from "@calcom/ui";
|
|
|
|
type UserAvatarProps = Omit<React.ComponentProps<typeof AvatarGroup>, "items"> & {
|
|
users: (Pick<User, "organizationId" | "name" | "username"> & { bookerUrl: string })[];
|
|
organization: Pick<Team, "slug" | "name">;
|
|
};
|
|
|
|
export function UserAvatarGroupWithOrg(props: UserAvatarProps) {
|
|
const { users, organization, ...rest } = props;
|
|
const items = [
|
|
{
|
|
href: getBookerBaseUrlSync(organization.slug),
|
|
image: `${WEBAPP_URL}/team/${organization.slug}/avatar.png`,
|
|
alt: organization.name || undefined,
|
|
title: organization.name,
|
|
},
|
|
].concat(
|
|
users.map((user) => {
|
|
return {
|
|
href: `${user.bookerUrl}/${user.username}?redirect=false`,
|
|
image: getUserAvatarUrl(user),
|
|
alt: user.name || undefined,
|
|
title: user.name || user.username || "",
|
|
};
|
|
})
|
|
);
|
|
return <AvatarGroup {...rest} items={items} />;
|
|
}
|