Add option to remove button docline

island-is · Jun 13, 2024 · 15a573b · 15a573b
1 parent b7c74b8
commit 15a573b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/apps/service-portal/src/components/Notifications/NotificationLine.tsx b/apps/service-portal/src/components/Notifications/NotificationLine.tsx
@@ -51,7 +51,7 @@ export const NotificationLine = ({ data, onClickCallback }: Props) => {
             <AvatarImage
               img={data.sender.logoUrl}
               background={!isRead ? 'white' : 'blue100'}
-              ariaLabel="Sender"
+              as="div"
               imageClass={styles.img}
             />
           ) : undefined}

diff --git a/libs/service-portal/documents/src/components/DocumentLine/AvatarImage.tsx b/libs/service-portal/documents/src/components/DocumentLine/AvatarImage.tsx
@@ -13,7 +13,7 @@ interface Props {
   avatar?: ReactNode
   onClick?: (event: MouseEvent<HTMLElement>) => void
   large?: boolean
-  ariaLabel?: string
+  as?: 'div' | 'button'
   imageClass?: string
 }
 
@@ -23,7 +23,7 @@ export const AvatarImage: FC<Props> = ({
   avatar,
   large,
   imageClass,
-  ariaLabel,
+  as = 'button',
   onClick,
 }) => {
   const { formatMessage } = useLocale()
@@ -42,8 +42,12 @@ export const AvatarImage: FC<Props> = ({
       className={cn(styles.imageContainer, {
         [styles.largeAvatar]: large,
       })}
-      component="button"
-      aria-label={ariaLabel ?? formatMessage(messages.markAsBulkSelection)}
+      component={as}
+      aria-label={
+        as === 'button'
+          ? formatMessage(messages.markAsBulkSelection)
+          : undefined
+      }
       onClick={onClick}
     >
       {avatar ? (