Ne uplne otestovany prepis storu

src/pages/profile/organization/OrganizationsPage.vue

@@ -1,22 +1,28 @@
 <script setup>
 import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
-import { onMounted} from "vue";
-import {fetchOrganizations, loading, myOrganizationIds, organizations} from "src/composables/objects/organization";
+import {computed, onMounted} from "vue";
 import {useAppStore} from "stores/App";
 import FAB from "components/FAB.vue";
 import OrganizationsList from "components/organizations/OrganizationsList.vue";
 import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
+import {useOrganizationsStore} from "stores/Organizations";
+import {storeToRefs} from "pinia";
+import {useUserStore} from "stores/User";
 
 onMounted(() => {
-  fetchOrganizations();
+  useOrganizationsStore().fetch();
   useAppStore().setPageTitle("Organizace");
 });
 
+const loggedUser = storeToRefs(useUserStore()).user;
+const myOrganizationIds = computed(() => (loggedUser.value && loggedUser.value.organizations?.map(o => o.id)) || []);
+
+const {isQueryRunning, organizations} = storeToRefs(useOrganizationsStore());
 </script>
 
 <template>
-  <BasicListSkeleton v-if="loading"/>
-  <BasicInfoBanner v-else-if="!loading && organizations.length === 0" :route-add='{name: "addOrganization"}'>
+  <BasicListSkeleton v-if="isQueryRunning"/>
+  <BasicInfoBanner v-else-if="!isQueryRunning && organizations.length === 0" :route-add='{name: "addOrganization"}'>
     Aktuálně nejsou dostupné žádné organizace, ke kterým by ses mohl/a přidat.
     Zaregistruj sem svůj aeroklub, abyste mohli sdílet letadla.
   </BasicInfoBanner>