doc(react-tree): simplifies InlineStylingTreeItemLevel story (microso…

…ft#30962)
GeoffCoxMSFT · Apr 25, 2024 · 78fdc47 · 78fdc47
1 parent 2bc6871
commit 78fdc47
Showing 1 changed file with 9 additions and 15 deletions.
diff --git a/packages/react-components/react-tree/stories/Tree/TreeInlineStylingTreeItemLevel.stories.tsx b/packages/react-components/react-tree/stories/Tree/TreeInlineStylingTreeItemLevel.stories.tsx
@@ -4,31 +4,25 @@ import {
   TreeItem,
   TreeItemLayout,
   treeItemLevelToken,
-  useTreeItemContext_unstable,
   useSubtreeContext_unstable,
 } from '@fluentui/react-components';
 
-const RecursiveTreeItem: React.FC = () => {
+export const InlineStylingTreeItemLevel = () => {
   const { level } = useSubtreeContext_unstable();
-  const open = useTreeItemContext_unstable(ctx => ctx.open || level === 1);
-  return (
+  return level === 0 ? (
+    <Tree aria-label="Inline Styling Tree Item Level">
+      <InlineStylingTreeItemLevel />
+    </Tree>
+  ) : (
     <TreeItem value={level} itemType="branch" style={{ [treeItemLevelToken]: level }}>
       <TreeItemLayout>{`level ${level}, item 1`}</TreeItemLayout>
-      {open && (
-        <Tree>
-          <RecursiveTreeItem />
-        </Tree>
-      )}
+      <Tree>
+        <InlineStylingTreeItemLevel />
+      </Tree>
     </TreeItem>
   );
 };
 
-export const InlineStylingTreeItemLevel = () => (
-  <Tree aria-label="Inline Styling Tree Item Level">
-    <RecursiveTreeItem />
-  </Tree>
-);
-
 InlineStylingTreeItemLevel.parameters = {
   docs: {
     description: {