{searchBarModalOpen && !isDocSearchModalOpen ?
: null}
{
if(window?.location?.pathname?.includes("/workflows/")) {
setExpandLeftNav(true)
}
}}
onMouseLeave={()=>{
if(window?.location?.pathname?.includes("/workflows/")) {
setExpandLeftNav(false)
}
}}
>
{
!isCloud && expandLeftNav && (
{isProdStatusOn ? "Enterprise" : "Open Source"}
)
}
{(!leftSideBarOpenByClick || window?.location?.pathname?.includes("/workflows/")) && setExpandLeftNav(true)}} onMouseLeave={()=>{(!leftSideBarOpenByClick || window?.location?.pathname?.includes("/workflows/")) && setExpandLeftNav(false);setOpenAutocomplete(false)}}>
{expandLeftNav ? (
),
endAdornment: (
Ctrl+K
),
disableUnderline: true,
}}
onClick={() => {
setSearchBarModalOpen(true);
setIsDocSearchModalOpen(false);
}}
onChange={() => {
setSearchBarModalOpen(true);
setIsDocSearchModalOpen(false);
}}
/>
):(
<>
)}
{
setOpenautomateTab((prev) => !prev);
setOpenSecurityTab(false);
}}
style={{
color: themeMode === "dark" ? lightText : darkText,
marginLeft: 0.625,
}}
onMouseOver={(event)=>{
event.currentTarget.style.backgroundColor = themeMode === "dark" ? darkHoverColor : lightHoverColor;
}}
onMouseOut={(event)=>{
event.currentTarget.style.backgroundColor = "transparent";
}}
>
{openautomatetab ? (
) : (
)}
{
setOpenSecurityTab((prev) => !prev);
setOpenautomateTab(false);
}}
style={{
marginLeft: 0.625,
color: themeMode === "dark" ? lightText : darkText,
}}
onMouseOver={(event)=>{
event.currentTarget.style.backgroundColor = themeMode === "dark" ? darkHoverColor : lightHoverColor;
}}
onMouseOut={(event)=>{
event.currentTarget.style.backgroundColor = "transparent";
}}
>
{openSecurityTab ? (
) : (
)}
{userdata && (userdata?.support || userdata?.active_org?.role === "admin") ? (
<>
): null}
{recentworkflows?.length > 0 ?
Recent Workflows
{recentworkflows?.slice(0, 2).map((workflow, index) => {
return (
)
}) }
: null }
<>
{userdata?.licensed !== true && !userdata?.org_status?.includes("integration_partner") && !isProdStatusOn && (
)}
{!isCloud && (activeOrgData?.old_org || isProdStatusOn) && (
)}
orgOptions, [orgOptions])}
getOptionLabel={(option) => option.name}
PopperComponent={CustomPopper}
open={openAutocomplete}
onOpen={() => setOpenAutocomplete(true)}
renderOption={(props, option, { selected, index }) => (
{
e.currentTarget.style.backgroundColor = theme.palette.hoverColor;
}}
onMouseOut={(e) => {
e.currentTarget.style.backgroundColor = option.name === selectedOrg ? theme.palette.hoverColor : "transparent";
}}
onClick={(e) => {
if (option.id !== userdata?.active_org?.id) {
setSelectedOrg(option.name);
handleClickChangeOrg(option.id);
} else {
setSelectedOrg(userdata?.active_org?.name);
}
setOpenAutocomplete(false);
}}
>
{
isCloud ? (
})
{option.region_url}
) : null
}
{option.name}
)}
onChange={(event, newValue) => {
if (newValue) {
if (userdata?.active_org?.id !== newValue.id) {
setSelectedOrg(newValue.name);
handleClickChangeOrg(newValue.id);
} else {
setSelectedOrg(userdata?.active_org?.name);
}
setOpenAutocomplete(false);
}
}}
onInputChange={(event, newInputValue) => {
setAutocompleteValue(newInputValue);
}}
filterOptions={(options, params) => {
const normalize = (str) => str.toLowerCase().replace(/[\s-]+/g, "");
const input = normalize(params.inputValue);
return options.filter((option) =>
normalize(option.name).includes(input) ||
normalize(option.region_url).includes(input)
);
}}
value={userOrgs}
renderInput={(params) => (
{expandLeftNav ? (
) : (
setOpenAutocomplete((prev) => !prev)}
style={{
cursor: "pointer",
fontSize: "24px",
opacity: expandLeftNav ? 0 : 1,
transition: "opacity 0.3s ease",
color: themeMode === "dark" ? lightText : darkText,
}}
/>
)}
)}
/>
{
event.currentTarget.style.backgroundColor = themeMode === "dark" ? darkHoverColor : lightHoverColor;
setHoverOnAvatar(true);
}}
onMouseLeave={(event) => {
event.currentTarget.style.backgroundColor = "transparent";
setHoverOnAvatar(false);
}}
>
{expandLeftNav ? (
<>
{avatarMenu}
) : (
)}