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? (