@ozdao/prometheus-framework 0.1.36 → 0.1.37

package/src/modules/orders/store/orders.js

@@ -2,14 +2,11 @@
 import { reactive, ref, computed, toRefs, watch  } from "vue";
 // Axios
 import axios from 'axios';
-const clientUrl = process.env.API_URL;
-const $axios = axios.create({baseURL: clientUrl, withCredentials: true})
+// Setup Axios
+const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) 
 // Globals
 import { setError }   from '@pf/src/modules/globals/store/globals'
 
-// ////////
-// State
-// ////////
 const state = reactive({
   all: [], 
   current: {
@@ -41,43 +38,77 @@ const state = reactive({
   }
 });
 
-// ////////
-// Actions
-// ////////
-
 const actions = {
-  async read(userID) {
-    await $axios
-      .get(`/api/users/${userID}`)
-      .then(response => {
-        state.user = Object.assign({}, state.user, response.data);
-      })
-      .catch(error => {
-        setError(error)
-      });
+  async create(order) {
+    try {
+      state.current.items = order
+
+      console.log(state.current)
+      const response = await $axios.post('/api/orders/create', state.current);
+
+      console.log(response)
+      state.all.push(response.data);
+    } catch (error) {
+      setError(error);
+    }
+  },
+
+  async read(orderID) {
+    try {
+      const response = await $axios.get(`/api/orders/read`);
+      console.log(response)
+      state.all = response.data;
+    } catch (error) {
+      setError(error);
+    }
+  },
+
+  async update(orderID, order) {
+    try {
+      const response = await $axios.post(`/api/orders/${orderID}`, order);
+      const index = state.all.findIndex(o => o._id === orderID);
+      if (index !== -1) {
+        state.all[index] = response.data;
+      }
+    } catch (error) {
+      setError(error);
+    }
   },
 
-  async update(userID, user) {
-    console.log(userID)
-      console.log(user)
-      console.log(`/api/users/${userID}`)
-    await $axios
-      .post(`/api/users/${userID}`, user)
-      .then(response => {
-        console.log(response.data)
-        state.user = response.data;
-        state.error = null;
-      })
-      .catch(error => {
-         console.log(error)
-        setError(error)
-      });
+  async confirm(orderID) {
+    try {
+      const response = await $axios.post(`/api/orders/confirm/${orderID}`);
+      const index = state.all.findIndex(o => o._id === orderID);
+      if (index !== -1) {
+        state.all[index] = response.data;
+      }
+    } catch (error) {
+      setError(error);
+    }
+  },
+
+  async changePaymentStatus(orderID, status) {
+    try {
+      const response = await $axios.post(`/api/orders/payment/${orderID}`, { status });
+      const index = state.all.findIndex(o => o._id === orderID);
+      if (index !== -1) {
+        state.all[index] = response.data;
+      }
+    } catch (error) {
+      setError(error);
+    }
+  },
+
+  async delete(orderID) {
+    try {
+      await $axios.delete(`/api/orders/${orderID}`);
+      state.all = state.all.filter(o => o._id !== orderID);
+    } catch (error) {
+      setError(error);
+    }
   },
 }
 
-// ////////
-// History
-// ////////
 
 const history = []
 
@@ -87,10 +118,6 @@ watch(state, (newState, oldState) => {
   history.push(newState)
 })
 
-// ////////
-// Export
-// ////////
-
 export {
   state,
   actions

package/src/modules/organizations/components/{sections/Department.vue → blocks/CardDepartment.vue}

@@ -1,6 +1,6 @@
 <template>
   <div class="radius-big o-hidden cols-2-1_3">
-    <Map :location="{lat: department.location.coordinates[1] ,lng: department.location.coordinates[0]}" class=""/>
+    <!-- <Map :location="{lat: department.location.coordinates[1] ,lng: department.location.coordinates[0]}" class=""/> -->
 
     <div class="pd-medium w-100">
      <svg  @click="$router.push(`/app/organization/${props.organization._id}/departments/${department._id}/edit`)" class="i-regular pos-absolute pos-r-0 pos-t-0 t-transp" width="652" height="652" viewBox="0 0 652 652" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -12,14 +12,6 @@
         class="mn-small w-100"
         v-html="department.profile.name"
       />
-
-       <p 
-        @click="$router.push(`/app/organization/${props.organization._id}/departments/${department._id}`)"
-        class="mn-small p-big w-100"
-        v-html="department.address"
-      />
-
-      
     
       <Spoiler 
         class="
@@ -90,7 +82,6 @@ import { ref } from 'vue';
 import Spoiler  from '@pf/src/components/Spoiler/Spoiler.vue';
 import Map      from '@pf/src/components/Map/Map.vue';
 
-
 import DepartmentSub from '@pf/src/modules/organizations/components/blocks/DepartmentSub.vue';
 import User from '@pf/src/modules/organizations/components/blocks/User.vue';
 

package/src/modules/organizations/components/blocks/CardOrganization.vue

@@ -37,15 +37,19 @@
 
         <div>
             <p class="mn-thin ">{{organization.numberOfSubscribers}} followers</p>
-
-            <ButtonFollow 
-              v-if="user._id"
+            <ButtonToggleMembership
+              v-if="
+                user?._id 
+                && organization.owner !== user._id
+              "
+              :user="user._id"
               :type="'organization'" 
-              :isMember="organization.isMember" 
-              :targetId="organization._id" 
-              :userId="user"
-              class="radius-big w-100" 
-              @updateMembership="emits('updateMembership', $event)"
+              :role="'subscriber'" 
+              :target="organization._id" 
+              :status="organization.isSubscriber" 
+              :text="{create: 'Follow', remove: 'Unfollow'}"
+              @updateMembership="event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')"
+              class="w-min" 
             />
       
         </div>
@@ -84,7 +88,7 @@
 
   import Text     from '@pf/src/components/Text/Text.vue'
 
-  import ButtonFollow from '@pf/src/modules/organizations/components/elements/ButtonFollow.vue'
+  import ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'
 
   const props = defineProps({
     user: String,

package/src/modules/organizations/components/pages/DepartmentEdit.vue

@@ -107,7 +107,7 @@
       <div class="bg-grey pd-medium o-hidden radius-big">
         <h3 class="mn-semi">Location</h3>
         <Address
-          apiKey="AIzaSyDDR6WgYB7XMt7yTDDzQNEdF_gTdUiq8dI" 
+          :apiKey="GOOGLE_MAPS_API_KEY" 
           :address="departments.state.department.address" 
           :location="departments.state.department.location"     
           label="Address"    
@@ -128,7 +128,7 @@
         <LocationMarker 
           :address="departments.state.department.address" 
           :location="departments.state.department.location" 
-          apiKey="AIzaSyDDR6WgYB7XMt7yTDDzQNEdF_gTdUiq8dI" 
+          :apiKey="GOOGLE_MAPS_API_KEY" 
           class="radius-big o-hidden"
           @update:location="newLocation => {
             departments.state.department.location = newLocation;
@@ -232,7 +232,7 @@ import Popup from "@pf/src/components/Popup/Popup.vue";
 import EditArray from "@pf/src/modules/organizations/components/blocks/EditArray.vue";
 import DepartmentSub from "@pf/src/modules/organizations/components/blocks/DepartmentSub.vue";
 import DepartmentMemberModify from "@pf/src/modules/organizations/components/blocks/DepartmentMemberModify.vue";
-import DepartmentSubDepartmentModify from "@pf/src/modules/organizations/components/blocks/DepartmentSubDepartmentModify.vue";
+import DepartmentSubDepartmentModify from "@pf/src/modules/organizations/components/blocks/DepartmentMemberModify.vue";
 import User from '@pf/src/modules/organizations/components/blocks/User.vue';
 
 import * as departments from "@pf/src/modules/spots/store/spots";

package/src/modules/organizations/components/{sections/MembersTab.vue → pages/Members.vue}

@@ -6,8 +6,13 @@
         <p class="t-transp p-big">Добавляйте новых участников организации и настраивайте права доступа.</p> 
       </section>
 
+      <MenuItem @click="router.push({name: 'User Events', params: {_id: route.params._id}})" class="cursor-pointer">
+        <IconEvents class="i-semi" :icon="true"/> 
+        <span>Departments</span>
+      </MenuItem> 
+
       <MembersAdd 
-        :organization="organization"
+        :organization="organizationData"
         @send-invite="handleSendInvite"
       />
 
@@ -23,21 +28,31 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref,onMounted } from 'vue';
+import { useRoute, useRouter } from 'vue-router'
 import MembersAdd from '@pf/src/modules/organizations/components/sections/MembersAdd.vue';
 import MembersList from '@pf/src/modules/organizations/components/sections/MembersList.vue';
+// Mobile Module
+import Menu from '@pf/src/modules/mobile/components/Menu/Menu.vue'
+import MenuItem from '@pf/src/modules/mobile/components/Menu/MenuItem.vue'
+
+import * as auth      from '@pf/src/modules/auth/store/auth'
 import * as invites from '@pf/src/modules/organizations/store/invites';
 import * as members from '@pf/src/modules/organizations/store/memberships';
+import * as organization  from '@pf/src/modules/organizations/store/organizations'
+
+const route   = useRoute()
 
-const props = defineProps({
-  organization: Object,
-  memberships: Array
-});
+const organizationData = ref(null)
 
-await invites.actions.read(props.organization._id);
+onMounted(async () => {
+  organizationData.value = (await organization.actions.read({_id: route.params._id, user: auth.state.user._id}))[0]
+  await members.actions.read(route.params._id)
+  await invites.actions.read(organizationData.value._id);
+})
 
 async function handleSendInvite(invite) {
-  await invites.actions.create(props.organization._id, invite);
+  await invites.actions.create(organizationData.value._id, invite);
 }
 
 async function removeMember(member) {

package/src/modules/organizations/components/pages/Organization.vue

@@ -1,10 +1,7 @@
 <template>
 	<div v-if="organizationData" class="pd-thin for-transition w-100">
 
-		<!-- <div class="pd-b-zero pd-thin">
-			<Breadcrumbs class="pd-medium bg-grey radius-big"/>
-		</div> -->
-
+		<!-- <Breadcrumbs class="mn-thin pd-medium bg-grey radius-big"/> -->
 		<!-- <pre>{{organization.state.current}}</pre> -->
 
 		<DetailsTab 	
@@ -13,55 +10,88 @@
 			class="mn-semi"
 		/>
 
-		<!-- { name: 'Spots', 		value: 'spots' }, -->
-		<!-- { name: 'Products', 	value: 'products' }, -->
+		<section 
+			@click="router.push({
+				name: 'Organization Members', 
+				params: {
+					_id: route.params._id
+				}
+			})"
+			class="
+				mn-semi
+				bg-grey
+				radius-big
+				pd-medium
+			"
+		>
+			<p>34 members</p>
+		</section>
+
+		<!-- <Menu class="mn-semi bg-grey">
+		 	<MenuItem @click="router.push({name: 'User Blogposts', params: {_id: route.params._id}})" class="cursor-pointer">
+		 		<IconCommunity class="i-semi" :icon="true"/>
+		    <span>Legal</span>
+		  </MenuItem> 
+		</Menu> -->
+
+		<!-- <FeedDepartments 
+			:organization="organization.state.current"
+			:memberships="memberships.state.memberships"
+		/>
+
+		<Members
+			:organization="organization.state.current"
+			:memberships="memberships.state.memberships"
+		/> -->
 
 		<Tab 
 			v-model:selected="tabOrganization"
 			:tabs="[
+
+				{ name: 'Community', 	value: 'community' },
+				{ name: 'Products', 	value: 'products' },	
 				{ name: 'Events', 		value: 'events' },
-				{ name: 'Community', 	value: 'community' }		
+				{ name: 'Spots', 		value: 'spots' }	
 			]"
 			class="mn-small o-hidden h5 radius-big bg-grey"
 		/>
+
+		<div class="pos-relative">
+
+			<transition name="slide-fade">
+				<FeedCommunity 
+					v-if="tabOrganization === 'community'"
+			      	:user="auth.state.user._id"
+					:owner="route.params._id"
+			    />
+			</transition>
+
 	
-		<transition name="slide-fade">
-			<Feed 
-				v-if="tabOrganization === 'events'"
-		  		:user="auth.state.user._id"
-				:owner="route.params._id"
-				:sortOrder="'asc'"
-			/>
-		</transition>
-
-
-		<transition name="slide-fade">
-			<FeedCommunity 
-				v-if="tabOrganization === 'community'"
-		      	:user="auth.state.user._id"
-				:owner="route.params._id"
-		    />
-		</transition>
-
-
-		<!-- <transition name="slide-fade">
-			<div 	v-if="tabOrganization === 'spots'">
-				<StructureTab 
-					
-					:organization="organization.state.current"
-					:memberships="memberships.state.memberships"
+			<transition name="slide-fade">
+				<FeedEvents 
+					v-if="tabOrganization === 'events'"
+			  		:user="auth.state.user._id"
+					:owner="route.params._id"
+					:sortOrder="'asc'"
 				/>
-			</div>
-		</transition>
-
-		<transition name="slide-fade">
-			<Products 
-				v-if="tabOrganization === 'products'"
-				:organization="organization.state.current"
-			/>
-		</transition> -->
-			
+			</transition>
 
+			<transition name="slide-fade">
+				<Products 
+					v-if="tabOrganization === 'products'"
+					:organization="organization.state.current"
+				/>
+			</transition>
+
+			<transition name="slide-fade">
+				<div v-if="tabOrganization === 'spots'">
+					<FeedSpots 
+						:organization="organization.state.current"
+						:memberships="memberships.state.memberships"
+					/>
+				</div>
+			</transition>
+		</div>
 	</div>
 </template>
 
@@ -71,16 +101,20 @@
 	// Import components
   	import Breadcrumbs 	from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'
 	import Tab  		from '@pf/src/components/Tab/Tab.vue'
-	import ButtonFollow from '@pf/src/modules/organizations/components/elements/ButtonFollow.vue'
+	// Mobile Module
+	import Menu from '@pf/src/modules/mobile/components/Menu/Menu.vue'
+	import MenuItem from '@pf/src/modules/mobile/components/Menu/MenuItem.vue'
 	// Feeds
-	import Feed from '@pf/src/modules/events/components/sections/Feed.vue'; 
+	import FeedEvents from '@pf/src/modules/events/components/sections/Feed.vue'; 
 	import FeedCommunity from '@pf/src/modules/community/components/sections/Feed.vue'; 
+	// Spots
+	import FeedSpots from '@pf/src/modules/spots/components/sections/Feed.vue'; 
 	
 	// Local
 	import DetailsTab 	from '@pf/src/modules/organizations/components/sections/DetailsTab.vue'
 	import Products 	from '@pf/src/modules/products/components/pages/Products.vue'
-	import StructureTab from '@pf/src/modules/organizations/components/sections/StructureTab.vue'
-	import MembersTab 	from '@pf/src/modules/organizations/components/sections/MembersTab.vue'
+	import FeedDepartments from '@pf/src/modules/organizations/components/sections/FeedDepartments.vue'
+	import Members 	from '@pf/src/modules/organizations/components/pages/Members.vue'
 	// Import state
 	import * as auth 			from '@pf/src/modules/auth/store/auth'
 	import * as organization 	from '@pf/src/modules/organizations/store/organizations'

package/src/modules/organizations/components/pages/Organizations.vue

@@ -1,79 +1,57 @@
 <template>
-	<div class="for-transition bg-white radius-big w-100">
-		<header class="flex-v-center flex-nowrap flex pd-semi">
-      <h2 class="mn-r-medium">Weed dispensaries in Thailand</h2>
+	<div class="pd-thin">
+		<header class="mn-medium flex-v-center flex-nowrap flex">
+	      	<h2 class="mn-r-medium">Groups</h2>
+	      	<button 
+	      		v-if="auth.state.user._id === route.params._id"
+	      		@click="$router.push({
+	      			name: 'Create Organization'
+	      		})" 
+	      		class="radius-100p i-big hover-scale-1 cursor-pointer t-white bg-second">
+	      			+
+	      	</button>
 		</header>
 
-		<div class="pd-semi">
-			 <EmptyState 
-        v-if="organization.state.all.length < 1"
-        title="You Haven't Joined Any Organization Yet"
-        description="Weeder is all about community. Join an organization or maybe you want to create your own?"
-        action="Create organization"
-        :callback="a = () => $router.push(`/app/organization/create/details`)"
-      />
-
-      <div v-else class="cols-3">
-      	<div 
-	        v-for="organization in organization.state.all" 
-	        :key="organization._id" 
-	        class="mn-small radius-medium pd-medium br-2px br-solid br-grey"
-	        @click="$router.push({name: 'Organization', params: {_id: organization._id}})"
-	      >	
-	        <img v-if="organization.profile.photo.length > 0" :src="(FILE_SERVER_URL || '') + organization.profile.photo" class="radius-medium mn-small i-thin" />
-
-					<svg v-else class="radius-medium mn-small i-thin" width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-						<circle fill="rgb(var(--main))" cx="21" cy="21" r="21" />
-						<path fill="#242424" fill-opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M8.00233 37.4954C8.00078 37.4458 8 37.3961 8 37.3462C8 32.9066 11.5673 29.3077 15.9677 29.3077H26.0323C30.4328 29.3077 34 32.9066 34 37.3462C34 37.3961 33.9992 37.4458 33.9977 37.4954C30.4223 40.3165 25.9078 42 21 42C16.0922 42 11.5777 40.3164 8.00233 37.4954ZM21 9C16.5995 9 13.0323 12.5989 13.0323 17.0385C13.0323 21.478 16.5995 25.0769 21 25.0769C25.4005 25.0769 28.9677 21.478 28.9677 17.0385C28.9677 12.5989 25.4005 9 21 9Z" />
-					</svg>
-	        
-	        <p class="h4 mn-r-semi mn-small">{{organization.profile.name}}</p>
-
-	         <svg  @click.stop="$router.push({name: 'Organization Edit', params: {_id: organization._id}})" class="t-transp hover-scale-1 z-index-1 pos-absolute pos-t-regular pos-r-regular i-medium" width="13" height="12" viewBox="0 0 13 12" xmlns="http://www.w3.org/2000/svg">
-						<path fill="black" d="M6.41357 11.979C9.6831 11.979 12.3901 9.26611 12.3901 6.00244C12.3901 2.73291 9.67724 0.0258789 6.40771 0.0258789C3.14404 0.0258789 0.437008 2.73291 0.437008 6.00244C0.437008 9.26611 3.1499 11.979 6.41357 11.979ZM6.41357 10.9829C3.64795 10.9829 1.43896 8.76807 1.43896 6.00244C1.43896 3.23682 3.64209 1.02197 6.40771 1.02197C9.17334 1.02197 11.3882 3.23682 11.394 6.00244C11.3999 8.76807 9.1792 10.9829 6.41357 10.9829ZM8.72802 4.36182L9.1499 3.93408C9.3374 3.74072 9.35498 3.52979 9.1792 3.34814L9.04443 3.21924C8.86865 3.0376 8.65185 3.06104 8.46435 3.24854L8.03662 3.67041L8.72802 4.36182ZM4.53271 8.53955L8.37646 4.71338L7.68505 4.02197L3.84716 7.84814L3.51318 8.62158C3.45459 8.76807 3.59521 8.89697 3.72412 8.8501L4.53271 8.53955Z" />
-					</svg>
-	
-	        <p class="t-black p-small">
-	         	 {{organization.profile.description.slice(0, 120) + '...'}}
-	        </p>
-	      </div>
-			</div>
-		</div>
-
+		<Tab 
+			v-model:selected="tabOrganization"
+			:tabs="[
+				{ name: 'Member', 	value: 'member' },
+				{ name: 'Follower', value: 'follower' }		
+			]"
+			class="mn-medium mn-r-medium o-hidden h5 radius-big bg-grey"
+		/>
+
+		<transition name="slide-fade">
+			<Feed 
+				v-if="tabOrganization === 'member'"
+		  		:user="auth.state.user._id"
+				:owner="route.params._id"
+			/>
+		</transition>
+
+		<transition name="slide-fade">
+			<Feed 
+				v-if="tabOrganization === 'follower'"
+		  		:user="auth.state.user._id"
+		  		:subscriber="route.params._id"
+			/>
+		</transition>
 	</div>
 </template>
 
 <script setup>
-	import { computed,reactive,ref, onMounted,watch  } from 'vue'
+	import { watch, ref } from 'vue'
 	import { useRoute, useRouter } from 'vue-router'
-	// Import dependencies
-	import Cookies from 'js-cookie'
-	// Import components
-	// Global
+	// Components
 	import Tab  		from '@pf/src/components/Tab/Tab.vue'
-	import Field  	from '@pf/src/components/Field/Field.vue'
-	import Select  	from '@pf/src/components/Select/Select.vue'
-	import Button  	from '@pf/src/components/Button/Button.vue'
-	// Local
-	import DetailsTab 		from '@pf/src/modules/organizations/components/sections/DetailsTab.vue'
-	import StructureTab 	from '@pf/src/modules/organizations/components/sections/StructureTab.vue'
-	import MembersTab 		from '@pf/src/modules/organizations/components/sections/MembersTab.vue'
-	// Blocks
-	import EmptyState 		from '@pf/src/modules/organizations/components/blocks/EmptyState.vue'
-	import Unit   	from '@pf/src/modules/organizations/components/sections/Unit.vue'
-	// Import state
-	import * as auth from '@pf/src/modules/auth/store/auth'
-	import * as organization from '@pf/src/modules/organizations/store/organizations'
-	import * as memberships from '@pf/src/modules/organizations/store/memberships'
-
+	import Feed from '@pf/src/modules/organizations/components/sections/Feed.vue'; 
 
-	if (auth.state.user._id) await organization.actions.read({owner: auth.state.user._id })
-	// Init router
-	const router 	= useRouter()
-	const route 	= useRoute()
-	// Accesing state
-	// console.log(route.query.tab)
-	let tab = route.query.tab ? route.query.tab : 'details';
+	import * as auth from '@pf/src/modules/auth/store/auth';
+	// Accessing router
+	const route = useRoute()
+	const router = useRouter()
+	// State
+	let tab = route.query.tab ? route.query.tab : 'member';
 
 	const tabOrganization = ref(tab)
 
@@ -82,27 +60,4 @@
 	watch(tabOrganization, (newValue) => {
 	  router.replace({ query: { ...route.query, tab: newValue } });
 	});
-</script>
-
-<style lang="scss">
-	.slide-fade-enter-active {
-		// min-height: 100vh;
-	  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);
-	}
-
-	.slide-fade-leave-active {
-		// min-height: 100vh;
-	  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);
-	}
-
-	.slide-fade-enter-from,
-	.slide-fade-leave-to {
-		min-height: 0;
-		position: absolute;
-	  transform: translateX(20px);
-	  opacity: 0;
-	  left: 0;
-	  top: 0;
-	}
-
-</style>
+</script>

package/src/modules/organizations/components/sections/{StructureTab.vue → FeedDepartments.vue}

@@ -6,11 +6,11 @@
         title="You don't have any spots yet."
         description="Add spots to your hub."
         action="Add spot"
-        :callback="() => $router.push(`/app/organization/${props.organization._id}/departments/create`)"
+        :callback="() => $router.push(`/organization/${props.organization._id}/departments/create`)"
       />
 
       <div>
-        <Department
+        <CardDepartment
           v-for="(department, index) in FirstLevelDepartments"
           :key="index"
           :department="department"
@@ -19,7 +19,7 @@
         />
         <button
           v-if="FirstLevelDepartments.length > 0 && auth.state.user._id === organization.owner"
-          @click="$router.push(`/app/organization/${props.organization._id}/departments/create`)"
+          @click="$router.push(`/organization/${props.organization._id}/departments/create`)"
           class="mn-thin button w-100"
         >
           Add spot
@@ -33,8 +33,8 @@
 import { ref, computed } from 'vue';
 import Tab from '@pf/src/components/Tab/Tab.vue';
 import EmptyState from '@pf/src/modules/organizations/components/blocks/EmptyState.vue';
-import Department from '@pf/src/modules/organizations/components/sections/Department.vue';
-import { state as departmentState, actions as departmentActions } from '@pf/src/modules/spots/store/spots';
+import CardDepartment from '@pf/src/modules/organizations/components/blocks/CardDepartment.vue';
+import { state as departmentState, actions as departmentActions } from '@pf/src/modules/organizations/store/departments';
 import * as auth from '@pf/src/modules/auth/store/auth'
 
 const props = defineProps({

package/src/modules/organizations/components/sections/Organizations.vue

@@ -37,8 +37,7 @@
 	import Button  	from '@pf/src/components/Button/Button.vue'
 	// Local
 	import DetailsTab 		from '@pf/src/modules/organizations/components/sections/DetailsTab.vue'
-	import StructureTab 	from '@pf/src/modules/organizations/components/sections/StructureTab.vue'
-	import MembersTab 		from '@pf/src/modules/organizations/components/sections/MembersTab.vue'
+	import FeedDepartments 	from '@pf/src/modules/organizations/components/sections/FeedDepartments.vue'
 	import CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'
 	// Blocks
 	import EmptyState 		from '@pf/src/modules/organizations/components/blocks/EmptyState.vue'