airqo-platform · Baalmart · Feb 24, 2025 · Feb 10, 2025 · Feb 10, 2025 · Feb 10, 2025
diff --git a/netmanager-app/app/(authenticated)/layout.tsx b/netmanager-app/app/(authenticated)/layout.tsx
@@ -2,7 +2,6 @@
 
 import "../globals.css";
 import Layout from "../../components/layout";
-import { Toaster } from "@/components/ui/sonner";
 
 export default function AuthenticatedLayout({
   children,
@@ -12,7 +11,6 @@ export default function AuthenticatedLayout({
   return (
     <Layout>
       {children}
-      <Toaster />
     </Layout>
   );
 }
diff --git a/netmanager-app/app/(authenticated)/organizations/[id]/page.tsx b/netmanager-app/app/(authenticated)/organizations/[id]/page.tsx
@@ -0,0 +1,47 @@
+import type React from "react"
+import { Suspense } from "react"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { OrganizationProfile } from "@/components/Organization/organization-profile"
+import { TeamMembers } from "@/components/Organization/team-members"
+import { OrganizationRoles } from "@/components/Organization/organization-roles"
+import { Skeleton } from "@/components/ui/skeleton"
+
+const LoadingFallback = () => (
+  <div className="space-y-4">
+    <Skeleton className="h-8 w-3/4" />
+    <Skeleton className="h-64 w-full" />
+  </div>
+)
+
+const TabContent = ({ value, children }: { value: string; children: React.ReactNode }) => (
+  <TabsContent value={value}>
+    <Suspense fallback={<LoadingFallback />}>{children}</Suspense>
+  </TabsContent>
+)
+
+const OrganizationDetailsPage = ({ params }: { params: { id: string } }) => {
+  return (
+    <div className="container mx-auto">
+      <h1 className="text-3xl font-bold mb-6">Organization Details</h1>
+      <Tabs defaultValue="profile">
+        <TabsList className="grid grid-cols-3">
+          <TabsTrigger value="profile">Organization Profile</TabsTrigger>
+          <TabsTrigger value="members">Team Members</TabsTrigger>
+          <TabsTrigger value="roles">Organization Roles</TabsTrigger>
+        </TabsList>
+        <TabContent value="profile">
+          <OrganizationProfile organizationId={params.id} />
+        </TabContent>
+        <TabContent value="members">
+          <TeamMembers organizationId={params.id} />
+        </TabContent>
+        <TabContent value="roles">
+          <OrganizationRoles organizationId={params.id} />
+        </TabContent>
+      </Tabs>
+    </div>
+  )
+}
+
+export default OrganizationDetailsPage
+
diff --git a/netmanager-app/app/(authenticated)/organizations/page.tsx b/netmanager-app/app/(authenticated)/organizations/page.tsx
@@ -0,0 +1,13 @@
+
+import { OrganizationList } from "@/components/Organization/List"
+
+const OrganizationSettingsPage = () => {
+
+  return (
+    <div className=" mx-auto">
+      <OrganizationList />
+    </div>
+  )
+}
+
+export default OrganizationSettingsPage;
diff --git a/netmanager-app/app/layout.tsx b/netmanager-app/app/layout.tsx
@@ -1,6 +1,7 @@
 import { Inter } from "next/font/google";
 import "./globals.css";
 import Providers from "./providers";
+import { Toaster } from "@/components/ui/sonner";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -13,6 +14,7 @@ export default function RootLayout({
     <html lang="en">
       <body className={inter.className}>
         <Providers>{children}</Providers>
+        <Toaster />
       </body>
     </html>
   );

diff --git a/netmanager-app/app/types/groups.ts b/netmanager-app/app/types/groups.ts
@@ -0,0 +1,51 @@
+import { UserDetails } from "@/app/types/users";
+
+  export interface Group {
+    _id: string
+    grp_status: "ACTIVE" | "INACTIVE"
+    grp_profile_picture: string
+    grp_title: string
+    grp_description: string
+    grp_website: string
+    grp_industry: string
+    grp_country: string
+    grp_timezone: string
+    createdAt: string
+    numberOfGroupUsers: number
+    grp_users: UserDetails[]
+    grp_manager: UserDetails
+  }
+
+  export interface GroupResponse {
+    success: boolean
+    message: string
+    group: Group
+  }
+
+interface RolePermission {
+    _id: string;
+    permission: string;
+  };
+
+export interface GroupMember {
+    _id: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    userName: string;
+    profilePicture: string;
+    jobTitle: string;
+    isActive: boolean;
+    lastLogin: string;
+    createdAt: string;
+    role_name: string;
+    role_id: string;
+    role_permissions: RolePermission[];
+  };
+
+export interface GroupMembersResponse {
+    success: boolean;
+    message: string;
+    group_members: GroupMember[];
+  };
+
diff --git a/netmanager-app/app/types/roles.ts b/netmanager-app/app/types/roles.ts
@@ -0,0 +1,38 @@
+export interface Permission {
+    _id: string;
+    permission: string;
+  }
+
+export interface Group {
+    _id: string;
+    grp_status: string;
+    grp_profile_picture: string;
+    grp_title: string;
+    grp_description: string;
+    grp_website: string;
+    grp_industry: string;
+    grp_country: string;
+    grp_timezone: string;
+    grp_manager: string;
+    grp_manager_username: string;
+    grp_manager_firstname: string;
+    grp_manager_lastname: string;
+    createdAt: string;
+    updatedAt: string;
+    __v: number;
+  }
+
+export interface Role {
+    _id: string;
+    role_status: string;
+    role_name: string;
+    role_permissions: Permission[];
+    group?: Group;
+  }
+
+export interface RolesResponse {
+    success: boolean;
+    message: string;
+    roles: Role[];
+  }
+