Merge pull request #744 from lumapps/fix/userblock-linkas

Fix/userblock-linkas

Author: gcornut

CHANGELOG.md

@@ -9,7 +9,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
--   Textfield: show the maxlength counter on textfields with no label
+-   Textfield: show the maxlength counter on textfields with no label.
+-   UserBlock : Pass `linkAs` prop to Avatar child.
 
 ## [2.1.6][] - 2021-12-03
 

packages/lumx-react/src/components/user-block/UserBlock.stories.tsx

@@ -31,7 +31,10 @@ export const WithLinks = ({ theme }: any) => {
             <UserBlock
                 theme={theme}
                 name="Emmitt O. Lum"
-                linkProps={{ href: 'https://www.lumapps.com', target: '_blank' }}
+                linkProps={{
+                    href: 'https://www.lumapps.com',
+                    target: '_blank',
+                }}
                 fields={['Creative developer', 'Denpasar']}
                 avatarProps={{ image: avatarImageKnob(), alt: 'Avatar' }}
                 size={size}

packages/lumx-react/src/components/user-block/UserBlock.tsx

@@ -146,6 +146,7 @@ export const UserBlock: Comp<UserBlockProps, HTMLDivElement> = forwardRef((props
         >
             {avatarProps && (
                 <Avatar
+                    linkAs={linkAs}
                     linkProps={linkProps}
                     {...avatarProps}
                     className={classNames(`${CLASSNAME}__avatar`, avatarProps.className)}