mirror of
https://github.com/tailscale/tailscale.git
synced 2025-05-12 18:28:30 +00:00
5f40b8a0bc
Enforcing inclusion of our OSS license at the top of .ts and .tsx files. Also updates any relevant files in the repo that were previously missing the license comment. An additional `@license` comment is added to client/web/src/index.tsx to preserve the license in generated Javascript. Updates #10261 Signed-off-by: Sonia Appasamy <sonia@tailscale.com>
42 lines
976 B
TypeScript
42 lines
976 B
TypeScript
// Copyright (c) Tailscale Inc & AUTHORS
|
|
// SPDX-License-Identifier: BSD-3-Clause
|
|
|
|
import cx from "classnames"
|
|
import React from "react"
|
|
|
|
export default function ProfilePic({
|
|
url,
|
|
size = "large",
|
|
className,
|
|
}: {
|
|
url?: string
|
|
size?: "small" | "medium" | "large"
|
|
className?: string
|
|
}) {
|
|
return (
|
|
<div
|
|
className={cx(
|
|
"relative flex-shrink-0 rounded-full overflow-hidden",
|
|
{
|
|
"w-5 h-5": size === "small",
|
|
"w-[26px] h-[26px]": size === "medium",
|
|
"w-8 h-8": size === "large",
|
|
},
|
|
className
|
|
)}
|
|
>
|
|
{url ? (
|
|
<div
|
|
className="w-full h-full flex pointer-events-none rounded-full bg-gray-200"
|
|
style={{
|
|
backgroundImage: `url(${url})`,
|
|
backgroundSize: "cover",
|
|
}}
|
|
/>
|
|
) : (
|
|
<div className="w-full h-full flex pointer-events-none rounded-full border border-gray-400 border-dashed" />
|
|
)}
|
|
</div>
|
|
)
|
|
}
|