Commit cf5f7a9

committed

fixed console errors from avatar comp

1 parent 2ee3c48 commit cf5f7a9Copy full SHA for cf5f7a9

File tree

2 files changed

-9

lines changed

client/packages/lowcoder/src/comps/comps
- avatar.tsx
- avatarGroup.tsx

2 files changed

-9

lines changed

`‎client/packages/lowcoder/src/comps/comps/avatar.tsx‎`

Lines changed: 7 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -41,12 +41,12 @@ const AvatarWrapper = styled(Avatar) <AvatarProps & { $cursorPointer?: boolean,`
`41`	`41`	`cursor: ${(props) => props.$cursorPointer ? 'pointer' : ''};`
`42`	`42`	`;
`43`	`43`
`44`		-const Wrapper = styled.div <{ iconSize: number, labelPosition: string,$style: AvatarContainerStyleType}>`
	`44`	+const Wrapper = styled.div <{ $iconSize: number, $labelPosition: string,$style: AvatarContainerStyleType}>`
`45`	`45`	`display: flex;`
`46`	`46`	`width: 100%;`
`47`	`47`	`height: 100%;`
`48`	`48`	`align-items: center;`
`49`		`-flex-direction: ${(props) => props.labelPosition === 'left' ? 'row' : 'row-reverse'};`
	`49`	`+flex-direction: ${(props) => props.$labelPosition === 'left' ? 'row' : 'row-reverse'};`
`50`	`50`	`${(props) => {`
`51`	`51`	`return (`
`52`	`52`	`props.$style && {`
`@@ -57,14 +57,14 @@ ${(props) => {`
`57`	`57`	`}}`
`58`	`58`	`
`59`	`59`
`60`		-const LabelWrapper = styled.div<{ iconSize: number, alignmentPosition: string }>`
`61`		`-width: calc(100% - ${(props) => props.iconSize}px);`
	`60`	+const LabelWrapper = styled.div<{ $iconSize: number, $alignmentPosition: string }>`
	`61`	`+width: calc(100% - ${(props) => props.$iconSize}px);`
`62`	`62`	`display: flex;`
`63`	`63`	`padding-left: 5px;`
`64`	`64`	`padding-right: 5px;`
`65`	`65`	`flex-direction: column;`
`66`	`66`	`justify-content: flex-end;`
`67`		`-align-items: ${(props) => props.alignmentPosition === 'left' ? 'flex-start' : 'flex-end'};`
	`67`	`+align-items: ${(props) => props.$alignmentPosition === 'left' ? 'flex-start' : 'flex-end'};`
`68`	`68`	`
`69`	`69`	const LabelSpan = styled.span<{ $style:AvatarLabelStyleType }>`
`70`	`70`	`max-width: 100%;`
`@@ -166,7 +166,7 @@ const AvatarView = (props: RecordConstructorToView<typeof childrenMap>) => {`
`166`	`166`	`disabled={!props.enableDropdownMenu}`
`167`	`167`	`dropdownRender={() => menu}`
`168`	`168`	`>`
`169`		`- <Wrapper iconSize={props.iconSize} labelPosition={props.labelPosition} $style={props.style}>`
	`169`	`+ <Wrapper $iconSize={props.iconSize} $labelPosition={props.labelPosition} $style={props.style}>`
`170`	`170`	`<Badge`
`171`	`171`	`count={props.badgeCount.value}`
`172`	`172`	`dot={props.badgeType === 'dot'}`
`@@ -187,7 +187,7 @@ const AvatarView = (props: RecordConstructorToView<typeof childrenMap>) => {`
`187`	`187`	`{title.value}`
`188`	`188`	`</AvatarWrapper>`
`189`	`189`	`</Badge>`
`190`		`- <LabelWrapper iconSize={props.iconSize} alignmentPosition={props.alignmentPosition}>`
	`190`	`+ <LabelWrapper $iconSize={props.iconSize} $alignmentPosition={props.alignmentPosition}>`
`191`	`191`	`<LabelSpan $style={props.labelStyle}>{props.avatarLabel.value}</LabelSpan>`
`192`	`192`	`<CaptionSpan $style={props.captionStyle}>{props.avatarCatption.value}</CaptionSpan>`
`193`	`193`	`</LabelWrapper>`

`‎client/packages/lowcoder/src/comps/comps/avatarGroup.tsx‎`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -111,11 +111,11 @@ const AvatarGroupView = (props: RecordConstructorToView<typeof childrenMap> & {`
`111`	`111`	`alignment={props.alignment}`
`112`	`112`	`>`
`113`	`113`	`{`
`114`		`- <Avatar.Group maxCount={props.maxCount} size={props.avatarSize}>`
	`114`	`+ <Avatar.Group max={{count: props.maxCount}} size={props.avatarSize}>`
`115`	`115`	`{`
`116`	`116`	`props.avatars.map((item, index) => {`
`117`	`117`	`return (`
`118`		`- <Tooltip title={item.Tooltip}>`
	`118`	`+ <Tooltip title={item.Tooltip}key={index}>`
`119`	`119`	`<Avatar`
`120`	`120`	`src={item.src ?? undefined}`
`121`	`121`	`icon={(item.AvatarIcon as ReactElement)?.props.value === '' \|\| item.label.trim() !== '' ? undefined : item.AvatarIcon}`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit cf5f7a9

File tree

2 files changed

2 files changed

`‎client/packages/lowcoder/src/comps/comps/avatar.tsx‎`

`‎client/packages/lowcoder/src/comps/comps/avatarGroup.tsx‎`

0 commit comments