fix(app-components): add role to buttons

eficode · Jan 16, 2021 · 4f9efa4 · 4f9efa4
1 parent cdc2422
commit 4f9efa4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/game-app/src/_shared/components/Button/Button.tsx b/packages/game-app/src/_shared/components/Button/Button.tsx
@@ -87,7 +87,7 @@ const StyledButton = styled('button')<{ variant: Variants }>`
 
 const Button: React.FC<Props> = ({ variant = 'default', label, onClick, id, disabled, hoverLabel }) => {
   return (
-    <StyledButton id={id} disabled={disabled} onClick={onClick} variant={variant}>
+    <StyledButton role="button" id={id} disabled={disabled} onClick={onClick} variant={variant}>
       {label}
       <HoverButton>
         <HoverButtonContent>

diff --git a/packages/game-app/src/_shared/components/IconButton/IconButton.tsx b/packages/game-app/src/_shared/components/IconButton/IconButton.tsx
@@ -12,7 +12,11 @@ const StyledButton = styled.button`
 `;
 
 const IconButton: React.FC<Props> = ({ children, onClick }) => {
-  return <StyledButton onClick={onClick}>{children}</StyledButton>;
+  return (
+    <StyledButton role="button" onClick={onClick}>
+      {children}
+    </StyledButton>
+  );
 };
 
 IconButton.displayName = 'IconButton';