diff --git a/frontend/src/components/LeftSideBar.jsx b/frontend/src/components/LeftSideBar.jsx index 5d908414..e7a97c11 100644 --- a/frontend/src/components/LeftSideBar.jsx +++ b/frontend/src/components/LeftSideBar.jsx @@ -84,6 +84,7 @@ const LeftSideBar = ({ userdata, serverside, globalUrl, notifications, }) => { const tab = params.get("tab"); const currentPath = tab ? `${window.location.pathname}?tab=${tab}` : window.location.pathname; const [hoverOnAvatar, setHoverOnAvatar] = useState(false); + const [showProductionStatus, setShowProductionStatus] = useState(false); const [orgOptions, setOrgOptions] = useState( userdata?.orgs?.map((org) => ({ id: org.id, @@ -127,6 +128,19 @@ const LeftSideBar = ({ userdata, serverside, globalUrl, notifications, }) => { setCurrentSelectedTheme(userdata?.theme); } }, [userdata]); + + useEffect(() => { + if (activeOrgData?.id?.length > 0 && typeof activeOrgData.created === "number") { + const nowUnix = Math.floor(Date.now() / 1000); + + const THIRTY_DAYS = 30 * 24 * 60 * 60; + const isAfter30Days = nowUnix >= activeOrgData.created + THIRTY_DAYS; + + setShowProductionStatus(isAfter30Days); + } +}, [activeOrgData]); + + const CustomPopper = (props) => { return ( @@ -1949,7 +1963,7 @@ const LeftSideBar = ({ userdata, serverside, globalUrl, notifications, }) => { } - {!isCloud ? ( + {!isCloud && showProductionStatus? (
{ const [isLoadingWorkflow, setIsLoadingWorkflow] = useState(false); const [isLoadingPublicWorkflow, setIsLoadingPublicWorkflow] = useState(false); const [view, setView] = useState(localStorage?.getItem("workflowView") || "grid"); + const [showProductionStatus, setShowProductionStatus] = useState(false); const isCloud = window.location.host === "localhost:3002" || window.location.host === "shuffler.io"; const [showExecutionStats, setShowExecutionStats] = React.useState(localStorage?.getItem("showExecutionStats") === "true") @@ -970,6 +971,10 @@ const Workflows2 = (props) => { .then((response) => (response.ok ? response.json() : null)) .then((org) => { if (!fetched && org) { + const nowUnix = Math.floor(Date.now() / 1000); + const THIRTY_DAYS = 30 * 24 * 60 * 60; + const isAfter30Days = nowUnix >= org.created + THIRTY_DAYS; + setShowProductionStatus(isAfter30Days); if (!isCloud) { if (org?.cloud_sync && org?.subscriptions[0]?.name?.toLowerCase().includes("enterprise") && org?.subscriptions[0]?.active) { setIsProdStatusOn(true); @@ -5518,7 +5523,7 @@ const Workflows2 = (props) => {
} - {!isCloud ? ( + {!isCloud && showProductionStatus ? (