Implementation:FlowiseAI Flowise CloudMenuList
| Knowledge Sources | |
|---|---|
| Domains | UI Navigation, Cloud Features |
| Last Updated | 2026-02-12 07:00 GMT |
Overview
CloudMenuList is a React component that renders a cloud-specific sidebar menu containing a link to the Flowise documentation and a logout button, visible only when the application is running in cloud mode.
Description
The CloudMenuList component checks the isCloud flag from ConfigContext and conditionally renders two menu items at the bottom of the sidebar: a "Documentation" link that opens the Flowise docs in a new tab, and a "Logout" button that triggers the logout API call and redirects the user upon success. It uses the useNotifier utility for snackbar notifications and dispatches a logoutSuccess action on completion.
Usage
Use this component within the sidebar layout (Sidebar/index.jsx) to provide cloud-specific actions. It is rendered below the primary MenuList and only appears when the Flowise instance is deployed in cloud mode.
Code Reference
Source Location
- Repository: FlowiseAI Flowise
- File: packages/ui/src/layout/MainLayout/Sidebar/CloudMenuList.jsx
- Lines: 1-111
Signature
const CloudMenuList = () => { ... }
export default CloudMenuList
Import
import CloudMenuList from '@/layout/MainLayout/Sidebar/CloudMenuList'
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| (none) | - | - | This component accepts no props. It reads isCloud from ConfigContext and customization from Redux state internally. |
Outputs
| Name | Type | Description |
|---|---|---|
| JSX | React.ReactElement | Renders a List with a documentation link and logout button when in cloud mode; renders an empty fragment otherwise. |
Usage Examples
Basic Usage
import CloudMenuList from '@/layout/MainLayout/Sidebar/CloudMenuList'
const SidebarContent = () => {
return (
<div>
<MenuList />
<CloudMenuList />
</div>
)
}