fix(projects): hide cached Projects once the projects flag is off

Author: waleedlatif1

apps/sim/ee/access-control/components/project-issue-restrictions.test.tsx

@@ -49,7 +49,6 @@ afterEach(() => {
   act(() => root.unmount())
   client.clear()
   container.remove()
-  vi.unstubAllGlobals()
 })
 
 async function render(projects: boolean) {
@@ -86,4 +85,14 @@ describe('ProjectIssueRestrictions', () => {
     expect(requests.some((url) => url.startsWith('/api/projects?'))).toBe(true)
     expect(container.querySelector('#project-issues-project-1')).not.toBeNull()
   })
+
+  it('hides Projects loaded before the projects flag turned off', async () => {
+    await render(true)
+    act(() => root.unmount())
+    root = createRoot(container)
+    requests = []
+    await render(false)
+    expect(requests).toEqual([])
+    expect(container.querySelector('#project-issues-project-1')).toBeNull()
+  })
 })

apps/sim/ee/access-control/components/project-issue-restrictions.tsx

@@ -20,7 +20,7 @@ export function ProjectIssueRestrictions({
   onChange,
 }: ProjectIssueRestrictionsProps) {
   const projects = useProjects(organizationId)
-  if (projects.isPending) return null
+  if (!projects.isEnabled || projects.isPending) return null
   const choices = projects.data?.pages.flatMap((page) => page.projects) ?? []
   if (!projects.error && choices.length === 0) return null
   const selected = new Set(value)