From 60229fce0db57d1fafa159055cb745facfe61289 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Przemys=C5=82aw=20W=C5=82odek?=
 <przem.wlodek.github@gmail.com>
Date: Fri, 16 May 2025 15:42:37 +0200
Subject: [PATCH] fix: add missing DialogTitle in SideDrawer.Header

This removes annoying console.errors in Lace V2 and fixes one a11y aspect
---
 .../side-drawer/side-drawer-content-header.component.tsx    | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/design-system/side-drawer/side-drawer-content-header.component.tsx b/src/design-system/side-drawer/side-drawer-content-header.component.tsx
index 4dc0046..aa8101d 100644
--- a/src/design-system/side-drawer/side-drawer-content-header.component.tsx
+++ b/src/design-system/side-drawer/side-drawer-content-header.component.tsx
@@ -1,5 +1,8 @@
 import React from 'react';
 
+import { DialogTitle } from '@radix-ui/react-dialog';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+
 import { Box } from '../box';
 import { Flex } from '../flex';
 import * as NavigationButtons from '../navigation-buttons';
@@ -32,6 +35,9 @@ export const Header = ({
         </Flex>
       )}
       <Flex justifyContent="center" w="$fill">
+        <VisuallyHidden>
+          <DialogTitle>{text}</DialogTitle>
+        </VisuallyHidden>
         <Text.Body.Large weight="$bold" data-testid="drawer-header-title">
           {text}
         </Text.Body.Large>