fix(UnselectedTag): use semantic button

EOSC-synergy · Sep 18, 2023 · 1fa2c6b · 1fa2c6b
1 parent 2392655
commit 1fa2c6b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/components/TagSelector/UnselectedTag.tsx b/components/TagSelector/UnselectedTag.tsx
@@ -1,17 +1,13 @@
 import { type FC } from 'react';
 import styles from 'styles/tagSelector.module.css';
-import actionable from 'styles/actionable.module.css';
 import { type Tag } from '@eosc-perf/eosc-perf-client';
 import clsx from 'clsx';
 
 type UnselectedTagProps = { tag: Tag; select: (tag: Tag) => void };
 const UnselectedTag: FC<UnselectedTagProps> = ({ tag, select }) => (
-    <div
-        className={clsx(styles['tagBadge'], 'p-1', actionable['actionable'])}
-        onClick={() => select(tag)}
-    >
+    <button className={clsx(styles['tagBadge'], 'p-1')} onClick={() => select(tag)} type="button">
         {tag.name}
-    </div>
+    </button>
 );
 
 export default UnselectedTag;
diff --git a/styles/tagSelector.module.css b/styles/tagSelector.module.css
@@ -1,10 +1,9 @@
-
 .tagBadge {
     border: solid 0.1em;
     border-radius: 4px;
+    background-color: unset;
 }
 
 .tagBadge:not(:last-child) {
     margin-right: 2px;
 }
-