From f86ba5cb6d7a1a786c8692b430ce5cd42717751f Mon Sep 17 00:00:00 2001
From: Mario-SO <gh_mario.proclaim@slmail.me>
Date: Fri, 24 Jan 2025 17:05:24 +0100
Subject: [PATCH 1/2] =?UTF-8?q?=E2=9A=99=EF=B8=8F=20Added=20a=20isFeatures?=
 =?UTF-8?q?Available=20check=20that=20includes=20stages=20checks?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../livestreams/components/CreateLivestreamModal.tsx |  2 --
 .../app/app/studio/[organization]/(root)/page.tsx    | 12 +++++++++---
 packages/app/components/Layout/NavbarStudio.tsx      | 10 ++++++++--
 packages/app/lib/utils/utils.ts                      |  8 ++++----
 4 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/packages/app/app/studio/[organization]/(root)/livestreams/components/CreateLivestreamModal.tsx b/packages/app/app/studio/[organization]/(root)/livestreams/components/CreateLivestreamModal.tsx
index f28c04a10..638157570 100644
--- a/packages/app/app/studio/[organization]/(root)/livestreams/components/CreateLivestreamModal.tsx
+++ b/packages/app/app/studio/[organization]/(root)/livestreams/components/CreateLivestreamModal.tsx
@@ -37,8 +37,6 @@ import ImageUpload from '@/components/misc/form/imageUpload';
 import { Checkbox } from '@/components/ui/checkbox';
 import { Label } from '@/components/ui/label';
 import { LuRadio } from 'react-icons/lu';
-import { cn } from '@/lib/utils/utils';
-import FeatureButton from '@/components/ui/feature-button';
 import { useSubscription } from '@/lib/hooks/useSubscription';
 
 const CreateLivestreamModal = ({
diff --git a/packages/app/app/studio/[organization]/(root)/page.tsx b/packages/app/app/studio/[organization]/(root)/page.tsx
index 569fc9ee2..2fd1351bc 100644
--- a/packages/app/app/studio/[organization]/(root)/page.tsx
+++ b/packages/app/app/studio/[organization]/(root)/page.tsx
@@ -24,6 +24,12 @@ export default async function OrganizationPage({
 
   if (!organization) return notFound();
 
+  const hasFeatures = isFeatureAvailable(
+    organization.expirationDate,
+    organization.currentStages,
+    organization.paidStages
+  );
+
   // Calculate the start of the current day
   const startOfDay = new Date();
   startOfDay.setHours(0, 0, 0, 0);
@@ -33,7 +39,7 @@ export default async function OrganizationPage({
       <div className="flex w-full flex-col p-2">
         <h2 className="text-lg font-bold">Create</h2>
         <div className="flex items-center gap-4 p-4">
-          {isFeatureAvailable(organization.expirationDate) ? (
+          {hasFeatures ? (
             <CreateLivestreamModal
               variant="primary"
               show={searchParams?.show}
@@ -50,7 +56,7 @@ export default async function OrganizationPage({
             </FeatureButton>
           )}
 
-          {isFeatureAvailable(organization.expirationDate) ? (
+          {hasFeatures ? (
             <UploadVideoDialog organizationId={organization._id.toString()} />
           ) : (
             <FeatureButton
@@ -63,7 +69,7 @@ export default async function OrganizationPage({
             </FeatureButton>
           )}
 
-          {isFeatureAvailable(organization.expirationDate) ? (
+          {hasFeatures ? (
             <Link
               href={`/studio/${organization.slug}/library?layout=list&page=1&limit=20&clipable=true`}
             >
diff --git a/packages/app/components/Layout/NavbarStudio.tsx b/packages/app/components/Layout/NavbarStudio.tsx
index abdb1b282..2f92b469c 100644
--- a/packages/app/components/Layout/NavbarStudio.tsx
+++ b/packages/app/components/Layout/NavbarStudio.tsx
@@ -30,6 +30,12 @@ const NavbarStudio = ({
     return notFound();
   }
 
+  const hasFeatures = isFeatureAvailable(
+    organization.expirationDate,
+    organization.currentStages,
+    organization.paidStages
+  );
+
   return (
     <NavigationMenu className="h-[72px] w-full  sticky top-0 flex items-center p-2 px-4 bg-white md:hidden lg:flex z-[30]">
       <Image
@@ -48,7 +54,7 @@ const NavbarStudio = ({
         />
       </div>
       <div className="flex items-center justify-end space-x-2">
-        {isFeatureAvailable(organization.expirationDate) ? (
+        {hasFeatures ? (
           <CreateLivestreamModal
             variant="outline"
             organization={organization}
@@ -63,7 +69,7 @@ const NavbarStudio = ({
             Create Livestream
           </FeatureButton>
         )}
-        {isFeatureAvailable(organization.expirationDate) ? (
+        {hasFeatures ? (
           <UploadVideoDialog organizationId={organization._id.toString()} />
         ) : (
           <FeatureButton
diff --git a/packages/app/lib/utils/utils.ts b/packages/app/lib/utils/utils.ts
index 0c7d40454..df9bc9cdb 100644
--- a/packages/app/lib/utils/utils.ts
+++ b/packages/app/lib/utils/utils.ts
@@ -20,10 +20,10 @@ export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
 
-export const isFeatureAvailable = (expirationDate: Date | null | undefined) => {
-  return (
-    expirationDate && new Date(expirationDate).getTime() > new Date().getTime()
-  );
+export const isFeatureAvailable = (expirationDate: Date | null | undefined, currentStages?: number, paidStages?: number) => {
+  const hasValidSubscription = expirationDate && new Date(expirationDate).getTime() > new Date().getTime();
+  const hasAvailableStages = typeof currentStages === 'undefined' || typeof paidStages === 'undefined' || currentStages < paidStages;
+  return hasValidSubscription && hasAvailableStages;
 };
 
 export const selectOptionFocusHandle = (

From 6557d894dd6a81e4b43fe69a488027afa943639a Mon Sep 17 00:00:00 2001
From: Mario-SO <gh_mario.proclaim@slmail.me>
Date: Fri, 24 Jan 2025 17:05:59 +0100
Subject: [PATCH 2/2] =?UTF-8?q?=E2=9A=99=EF=B8=8F=20Added=20cache:=20no=20?=
 =?UTF-8?q?store=20and=20revalidate=20to=20org=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/app/lib/services/organizationService.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/app/lib/services/organizationService.tsx b/packages/app/lib/services/organizationService.tsx
index e4d0ceb40..f6e0619cc 100644
--- a/packages/app/lib/services/organizationService.tsx
+++ b/packages/app/lib/services/organizationService.tsx
@@ -18,7 +18,11 @@ export async function fetchOrganization({
     const response = await fetch(
       `${apiUrl()}/organizations/${
         organizationId ? organizationId : organizationSlug
-      }`
+      }`,
+      {
+        cache: 'no-store',
+        next: { revalidate: 0 }
+      }
     );
     const data = (await response.json()).data;