chore(a11y): use anchor element as github link (#2)

moeru-ai · Jan 28, 2025 · 3603c44 · 3603c44
1 parent 984ed1e
commit 3603c44
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -21,8 +21,10 @@ export const Header = () => {
       </Badge>
       <Flex align="center" gap="4" style={{ alignSelf: 'flex-end', marginBottom: 'auto', marginLeft: 'auto', marginTop: 'auto' }}>
         <Tooltip content="GitHub">
-          <IconButton color="gray" data-test-id="github" onClick={() => window.open('https://github.com/moeru-ai/talk', 'WindowName', 'noopener')} variant="ghost">
-            <Icon icon="simple-icons:github" />
+          <IconButton asChild color="gray" variant="ghost">
+            <a data-test-id="github" href="https://github.com/moeru-ai/talk" target="_blank">
+              <Icon icon="simple-icons:github" />
+            </a>
           </IconButton>
         </Tooltip>
         <Settings />