Skip to content

Commit eeb8d2a

Browse files
tsullivantsullivan
committed
fix "Open Session E" button in multi-session example
1 parent 20b0cdc commit eeb8d2a

1 file changed

Lines changed: 32 additions & 30 deletions

File tree

‎packages/eui/src/components/flyout/manager/flyout_sessions.stories.tsx‎

Lines changed: 32 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -135,36 +135,38 @@ const FlyoutSession: React.FC<FlyoutSessionProps> = React.memo((props) => {
135135
)}
136136
</EuiText>
137137
</EuiFlyoutBody>
138-
<EuiFlyout
139-
isOpen={isChildFlyoutVisible}
140-
id={`childFlyout-${title}`}
141-
flyoutMenuProps={{ title: `${title} - Child` }}
142-
aria-labelledby="childFlyoutTitle"
143-
size={childSize}
144-
maxWidth={childMaxWidth}
145-
onActive={childFlyoutOnActive}
146-
onClose={childFlyoutOnClose}
147-
>
148-
<EuiFlyoutBody>
149-
<EuiText>
150-
<p>This is the content of the child flyout of {title}.</p>
151-
<EuiSpacer size="s" />
152-
<EuiDescriptionList
153-
type="column"
154-
listItems={[
155-
{
156-
title: 'Child flyout size',
157-
description: childSize ?? 'N/A',
158-
},
159-
{
160-
title: 'Child flyout maxWidth',
161-
description: childMaxWidth ?? 'N/A',
162-
},
163-
]}
164-
/>
165-
</EuiText>
166-
</EuiFlyoutBody>
167-
</EuiFlyout>
138+
{childSize && (
139+
<EuiFlyout
140+
isOpen={isChildFlyoutVisible}
141+
id={`childFlyout-${title}`}
142+
flyoutMenuProps={{ title: `${title} - Child` }}
143+
aria-labelledby="childFlyoutTitle"
144+
size={childSize}
145+
maxWidth={childMaxWidth}
146+
onActive={childFlyoutOnActive}
147+
onClose={childFlyoutOnClose}
148+
>
149+
<EuiFlyoutBody>
150+
<EuiText>
151+
<p>This is the content of the child flyout of {title}.</p>
152+
<EuiSpacer size="s" />
153+
<EuiDescriptionList
154+
type="column"
155+
listItems={[
156+
{
157+
title: 'Child flyout size',
158+
description: childSize ?? 'N/A',
159+
},
160+
{
161+
title: 'Child flyout maxWidth',
162+
description: childMaxWidth ?? 'N/A',
163+
},
164+
]}
165+
/>
166+
</EuiText>
167+
</EuiFlyoutBody>
168+
</EuiFlyout>
169+
)}
168170
</EuiFlyout>
169171
</>
170172
);

0 commit comments

Comments
 (0)