Merge pull request #154 from rebeccaalpert/selected

chore(Chatbot/ChatbotAttachment): Show selected state on display mode dropdowns
patternfly · Sep 20, 2024 · b1e021e · b1e021e
2 parents 10a1fab + 5542087
commit b1e021e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.../module/patternfly-docs/content/extensions/virtual-assistant/examples/Chatbot/Chatbot.tsx b/.../module/patternfly-docs/content/extensions/virtual-assistant/examples/Chatbot/Chatbot.tsx
@@ -171,20 +171,23 @@ export const BasicDemo: React.FunctionComponent = () => {
                     value={ChatbotDisplayMode.default}
                     key="switchDisplayOverlay"
                     icon={<OutlinedWindowRestoreIcon aria-hidden />}
+                    isSelected={displayMode === ChatbotDisplayMode.default}
                   >
                     <span>Overlay</span>
                   </DropdownItem>
                   <DropdownItem
                     value={ChatbotDisplayMode.docked}
                     key="switchDisplayDock"
                     icon={<OpenDrawerRightIcon aria-hidden />}
+                    isSelected={displayMode === ChatbotDisplayMode.docked}
                   >
                     <span>Dock to window</span>
                   </DropdownItem>
                   <DropdownItem
                     value={ChatbotDisplayMode.fullscreen}
                     key="switchDisplayFullscreen"
                     icon={<ExpandIcon aria-hidden />}
+                    isSelected={displayMode === ChatbotDisplayMode.fullscreen}
                   >
                     <span>Fullscreen</span>
                   </DropdownItem>

diff --git a/...patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachment.tsx b/...patternfly-docs/content/extensions/virtual-assistant/examples/demos/ChatbotAttachment.tsx
@@ -240,20 +240,23 @@ export const BasicDemo: React.FunctionComponent = () => {
                         value={ChatbotDisplayMode.default}
                         key="switchDisplayOverlay"
                         icon={<OutlinedWindowRestoreIcon aria-hidden />}
+                        isSelected={displayMode === ChatbotDisplayMode.default}
                       >
                         <span>Overlay</span>
                       </DropdownItem>
                       <DropdownItem
                         value={ChatbotDisplayMode.docked}
                         key="switchDisplayDock"
                         icon={<OpenDrawerRightIcon aria-hidden />}
+                        isSelected={displayMode === ChatbotDisplayMode.docked}
                       >
                         <span>Dock to window</span>
                       </DropdownItem>
                       <DropdownItem
                         value={ChatbotDisplayMode.fullscreen}
                         key="switchDisplayFullscreen"
                         icon={<ExpandIcon aria-hidden />}
+                        isSelected={displayMode === ChatbotDisplayMode.fullscreen}
                       >
                         <span>Fullscreen</span>
                       </DropdownItem>