fix: use isLoaded in stores

studio/components/interfaces/Functions/FunctionLayout.tsx

@@ -20,7 +20,7 @@ const PageLayout = ({ children }: { children?: React.ReactNode }) => {
     functions.load()
   }, [ui.selectedProject])
 
-  if (!functions.list()) {
+  if (!functions.isLoaded) {
     return (
       <BaseLayout>
         <Loading active={true}>loading</Loading>

studio/components/interfaces/Functions/FunctionsLayout.tsx

@@ -19,7 +19,7 @@ const PageLayout = ({ children, centered }: { children?: React.ReactNode; center
     functions.load()
   }, [ui.selectedProject])
 
-  if (!functions.isInitialized) {
+  if (!functions.isLoaded) {
     return (
       <BaseLayout>
         <Loading active={true}>loading</Loading>

studio/components/layouts/LogsExplorerLayout/LogsExplorerLayout.tsx

@@ -18,7 +18,7 @@ const PageLayout = ({
     content.load()
   }, [ui.selectedProject])
 
-  if (!content.isInitialized) {
+  if (!content.isLoaded) {
     return (
       <BaseLayout>
         <Loading active={true}>loading</Loading>

studio/stores/content/ProjectContentStore.ts

@@ -54,7 +54,7 @@ export default class ProjectContentStore implements IProjectContentStore {
   }
 
   get isLoaded() {
-    return this.state !== this.STATES.LOADED
+    return this.state === this.STATES.LOADED
   }
 
   async fetchData() {

studio/stores/functions/ProjectFunctionsStore.ts

@@ -54,7 +54,7 @@ export default class ProjectFunctionsStore implements IProjectFunctionsStore {
   }
 
   get isLoaded() {
-    return this.state !== this.STATES.LOADED
+    return this.state === this.STATES.LOADED
   }
 
   async fetchData() {