fix(fluent-ui.com): Fix nav header icon

fluent-org · Aug 18, 2019 · e0d8c70 · e0d8c70
1 parent beb9012
commit e0d8c70
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/packages/fluent-ui.com/src/components/docs/nav.tsx b/packages/fluent-ui.com/src/components/docs/nav.tsx
@@ -124,9 +124,7 @@ const Nav = ({ data }: TemplateProps): React.ReactElement => {
     <Drawer visible={drawerVisible} onChange={handleDrawerVisible}>
       <Navigation ref={rootRef} value={activeId} expanded={true} acrylic height="100%" width={260}>
         <Navigation.Header>
-          <Item onClick={handleExpanded}>
-            <GlobalNavigationButtonIcon />
-          </Item>
+          <Item onClick={handleExpanded} prefix={<GlobalNavigationButtonIcon />} />
         </Navigation.Header>
         {result.map(
           ({ type, titles }): React.ReactFragment => {
@@ -172,9 +170,7 @@ const Nav = ({ data }: TemplateProps): React.ReactElement => {
       `}
     >
       <Navigation.Header>
-        <Item onClick={handleExpanded}>
-          <GlobalNavigationButtonIcon />
-        </Item>
+        <Item onClick={handleExpanded} prefix={<GlobalNavigationButtonIcon />} />
       </Navigation.Header>
       {result.map(
         ({ type, titles }): React.ReactFragment => {