opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-04-15 18:06:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: size of AvatarProps should not be number

Browse Source
This commit is contained in:
hjlarry 2026-04-10 22:51:10 +08:00
parent ee2b021395
commit 53277d77c9
1 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/app/components/base/ui/avatar/index.tsx
View File

@ -19,7 +19,7 @@ export type AvatarSize = keyof typeof avatarSizeClasses
export type AvatarProps = {
name: string
avatar: string | null
size?: AvatarSize | number
size?: AvatarSize
className?: string
textClassName?: string
onError?: (hasError: boolean) => void
@ -28,14 +28,11 @@ export type AvatarProps = {
}
type AvatarRootProps = React.ComponentPropsWithRef<typeof BaseAvatar.Root> & {
size?: AvatarSize | number
size?: AvatarSize
hasAvatar?: boolean
backgroundColor?: string
}
const isAvatarPresetSize = (size: AvatarSize | number): size is AvatarSize =>
typeof size === 'string'
function AvatarRoot({
size = 'md',
className,
@ -45,7 +42,6 @@ function AvatarRoot({
...props
}: AvatarRootProps) {
const resolvedStyle: React.CSSProperties = {
...(typeof size === 'number' ? { width: `${size}px`, height: `${size}px` } : {}),
...(backgroundColor && !hasAvatar ? { backgroundColor } : {}),
...style,
}
@ -64,7 +60,7 @@ function AvatarRoot({
}
type AvatarFallbackProps = React.ComponentPropsWithRef<typeof BaseAvatar.Fallback> & {
size?: AvatarSize | number
size?: AvatarSize
textClassName?: string
}
@ -76,9 +72,6 @@ function AvatarFallback({
...props
}: AvatarFallbackProps) {
const resolvedStyle: React.CSSProperties = {
...(typeof size === 'number'
? { fontSize: `${Math.round(size * 0.4)}px`, lineHeight: 1 }
: {}),
...style,
}
@ -86,7 +79,7 @@ function AvatarFallback({
<BaseAvatar.Fallback
className={cn(
'flex size-full items-center justify-center font-medium text-white',
isAvatarPresetSize(size) && avatarSizeClasses[size].text,
avatarSizeClasses[size].text,
textClassName,
className,
)}