refactor: update imports to use centralized store for dashboard components

Author: sanjaypinna

app/[locale]/dashboard/[entityType]/[entitySlug]/layout.tsx

@@ -13,24 +13,7 @@ import { DashboardNav } from '../../components/dashboard-nav';
 import { MobileDashboardNav } from '../../components/mobile-dashboard-nav';
 import styles from '../../components/styles.module.scss';
 import { getOrgDetailsQryDoc } from './schema';
-
-interface DashboardStore {
-  entityDetails: any;
-  userDetails: any;
-  setEntityDetails: (data: any) => void;
-  setUserDetails: (data: any) => void;
-  allEntityDetails: any;
-  setAllEntityDetails: (data: any) => void;
-}
-
-export const useDashboardStore = create<DashboardStore>((set) => ({
-  entityDetails: null,
-  userDetails: null,
-  setEntityDetails: (data) => set({ entityDetails: data }),
-  setUserDetails: (data) => set({ userDetails: data }),
-  allEntityDetails: null,
-  setAllEntityDetails: (data) => set({ allEntityDetails: data }),
-}));
+import { useDashboardStore } from '@/config/store';
 
 interface DashboardLayoutProps {
   children?: React.ReactNode;

app/[locale]/dashboard/[entityType]/[entitySlug]/profile/orgProfile.tsx

@@ -9,7 +9,7 @@ import { useMutation } from '@tanstack/react-query';
 import { useParams, useRouter } from 'next/navigation';
 import { Button, DropZone, Select, Text, TextField, toast } from 'opub-ui';
 import React, { useEffect } from 'react';
-import { useDashboardStore } from '../layout';
+import { useDashboardStore } from '@/config/store';
 
 const organizationUpdateMutation: any = graphql(`
   mutation updateOrganization($input: OrganizationInputPartial!) {
@@ -82,8 +82,7 @@ const OrgProfile = () => {
           id: res?.updateOrganization?.id,
         });
         setEntityDetails({
-          ...entityDetails,
-          organizations: [res?.updateOrganization],
+          organizations: [formData],
         });
         if (res?.updateOrganization?.slug && res.updateOrganization.slug !== params.entitySlug) {
           const newPath = `/dashboard/${params.entityType}/${res.updateOrganization.slug}/profile`;
@@ -95,6 +94,7 @@ const OrgProfile = () => {
       },
     }
   );
+
   const handleSave = () => {
     // Create mutation input with only changed fields
     const inputData: OrganizationInputPartial = {

app/[locale]/dashboard/[entityType]/[entitySlug]/profile/userProfile.tsx

@@ -8,7 +8,7 @@ import { useMutation } from '@tanstack/react-query';
 import { Button, DropZone, Text, TextField, toast } from 'opub-ui';
 
 import { GraphQL } from '@/lib/api';
-import { useDashboardStore } from '../layout';
+import { useDashboardStore } from '@/config/store';
 
 const updateUserMutation: any = graphql(`
   mutation updateUser($input: UpdateUserInput!) {

app/[locale]/dashboard/[entityType]/page.tsx

@@ -15,7 +15,7 @@ import { GraphQL } from '@/lib/api';
 import { cn } from '@/lib/utils';
 import LoadingPage from '../loading';
 import styles from './../components/styles.module.scss';
-import { useDashboardStore } from './[entitySlug]/layout';
+import { useDashboardStore } from '@/config/store';
 import { organizationCreationMutation } from './schema';
 
 const Page = () => {

app/[locale]/dashboard/components/main-nav.tsx

@@ -1,12 +1,11 @@
 'use client';
 
-import React, { useEffect } from 'react';
-import Image from 'next/image';
-import Link from 'next/link';
-import { usePathname } from 'next/navigation';
 import { useMetaKeyPress } from '@/hooks/use-meta-key-press';
 import { Session } from 'next-auth';
 import { signIn, signOut, useSession } from 'next-auth/react';
+import Image from 'next/image';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
 import {
   Avatar,
   Button,
@@ -19,14 +18,14 @@ import {
   Divider,
   IconButton,
   Popover,
-  SearchInput,
   Spinner,
-  Text,
+  Text
 } from 'opub-ui';
+import React, { useEffect } from 'react';
 
-import { GraphQL } from '@/lib/api';
 import { Icons } from '@/components/icons';
-import { useDashboardStore } from '../[entityType]/[entitySlug]/layout';
+import { useDashboardStore } from '@/config/store';
+import { GraphQL } from '@/lib/api';
 import { UserDetailsQryDoc } from '../[entityType]/[entitySlug]/schema';
 import { allOrganizationsListingDoc } from '../[entityType]/schema';
 import Sidebar from './sidebar';

app/[locale]/dashboard/page.tsx

@@ -5,7 +5,7 @@ import { Icon, Text } from 'opub-ui';
 
 import BreadCrumbs from '@/components/BreadCrumbs';
 import { Icons } from '@/components/icons';
-import { useDashboardStore } from './[entityType]/[entitySlug]/layout';
+import { useDashboardStore } from '@/config/store';
 
 const UserDashboard = () => {
   const { userDetails, allEntityDetails } = useDashboardStore();