fix errors

patternfly · Feb 7, 2024 · 0b898e8 · 0b898e8
1 parent 574fd12
commit 0b898e8
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
@@ -39,14 +39,14 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
 
   const toggleDarkTheme = (_evt, selected) => {
     const darkThemeToggleClicked = !selected === isDarkTheme;
-    document.querySelector('html').classList.toggle('pf-v5-theme-dark', darkThemeToggleClicked);
+    document.querySelector('html')!.classList.toggle('pf-v5-theme-dark', darkThemeToggleClicked);
     setIsDarkTheme(darkThemeToggleClicked);
   };
 
   const toggleRTL = () => {
     const html = document.querySelector('html');
-    const curDir = html.dir;
-    html.dir = curDir !== 'rtl' ? 'rtl' : 'ltr';
+    const curDir = html!.dir;
+    html!.dir = curDir !== 'rtl' ? 'rtl' : 'ltr';
   };
 
   const Header = (
@@ -108,7 +108,7 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
             <ToolbarGroup
               className="pf-m-align-end"
               align={{ default: 'alignRight' }}
-              spaceItems={{ default: 'spacerNone', md: 'spacerMd' }}
+              spaceItems={{ default: 'spaceItemsNone', md: 'spaceItemsMd' }}
             >
               <ToolbarItem>
                 <ToggleGroup aria-label="Dark theme toggle group">