Merge pull request #48 from ka1ea6/fix/minor-changes

feat: applies fix to files and reminders

Author: rob-at-cortex

src/components/DigitalColleagues/Pages/dashboardpage.tsx

@@ -1,34 +1,33 @@
-"use client"
+'use client'
 
-import { useState } from "react"
-import { motion, AnimatePresence } from "framer-motion"
-import { Bot } from "lucide-react"
-import { DigitalColleageusLayout } from "../DigitalColleageusLayout"
-import { DashboardHero } from "../../Heros/DashboardHero"
-import { AppCard } from "../../.archive/app-card"
-import { FileList } from "../../Projects/file-list"
-import { ProjectCard } from "../../Projects/project-card"
-import { type BusinessUnit } from "../types"
-import {
-  
-  mockApps,
-  mockRecentFiles,
-  mockTutorials,
-  
-} from "../../dc-temp/mock-data"
-import {
-  mockSidebarItems,
-  mockNotifications,
-} from "../test-data"
-import { mockProjectSummary } from "../test-data"
-import type { App, RecentFile, ProjectSummary } from "../types"
+import { useState } from 'react'
+import { motion, AnimatePresence } from 'framer-motion'
+import { Bot } from 'lucide-react'
+import { DigitalColleageusLayout } from '../DigitalColleageusLayout'
+import { DashboardHero } from '../../Heros/DashboardHero'
+import { AppCard } from '../../.archive/app-card'
+import { FileList } from '../../Projects/file-list'
+import { ProjectCard } from '../../Projects/project-card'
+import { mockApps, mockRecentFiles, mockTutorials } from '../../dc-temp/mock-data'
+import { mockSidebarItems, mockNotifications } from '../test-data'
+import { mockProjectSummary } from '../test-data'
+import type {
+  App,
+  ProjectSummary,
+  FileType,
+  BusinessUnit,
+  Project,
+  SidebarItem,
+  Colleague,
+  User,
+} from '../types'
 // import { ColleaguesManagement } from "../colleagues-management"
-import  ColleaguesView  from "./../Views/ColleaguesView"
-import KnowledgeView from "../Views/KnowledgeView"
+import ColleaguesView from './../Views/ColleaguesView'
+import KnowledgeView from '../Views/KnowledgeView'
 const AnimatedCircles = () => (
   <motion.div
     animate={{ rotate: 360 }}
-    transition={{ duration: 50, repeat: Number.POSITIVE_INFINITY, ease: "linear" }}
+    transition={{ duration: 50, repeat: Number.POSITIVE_INFINITY, ease: 'linear' }}
     className="relative h-40 w-40"
   >
     <div className="absolute inset-0 rounded-full bg-white/10 backdrop-blur-md" />
@@ -42,63 +41,91 @@ const AnimatedCircles = () => (
 interface HomeProps {
   title?: string
   businessUnits: BusinessUnit[]
+  projects: ProjectSummary[]
+  fileCount: number
+  teamMemberCount: number
+  onCreateProject: () => void
+  onOpenProject: (project: ProjectSummary) => void
+  sidebarItems: SidebarItem[]
+  initialColleagues: Colleague[]
+  users: User[]
+  onColleagueAdd: (colleague: Colleague) => void
+  onColleagueEdit: (colleague: Colleague) => void
+  onColleagueDelete: (colleagueId: string) => void
 }
 
-export default function Home({ title = "Digital Colleagues", businessUnits }: HomeProps) {
-  const [activeTab, setActiveTab] = useState("home")
+export default function Home({
+  title = 'Digital Colleagues',
+  businessUnits,
+  projects,
+  fileCount,
+  teamMemberCount,
+  onCreateProject,
+  onOpenProject,
+  sidebarItems,
+  initialColleagues,
+  users,
+  onColleagueAdd,
+  onColleagueEdit,
+  onColleagueDelete,
+}: HomeProps) {
+  const [activeTab, setActiveTab] = useState('home')
   const [currentBusinessUnit, setCurrentBusinessUnit] = useState<BusinessUnit>(businessUnits[0]) // Default to Design
 
   // Mock handlers
   const handleAppOpen = (app: App) => {
-    console.log("Opening app:", app.name)
+    console.log('Opening app:', app.name)
   }
 
   const handleAppFavorite = (app: App) => {
-    console.log("Favoriting app:", app.name)
+    console.log('Favoriting app:', app.name)
   }
 
-  const handleFileClick = (file: RecentFile) => {
-    console.log("Opening file:", file.name)
+  const handleFileClick = (file: FileType) => {
+    console.log('Opening file:', file.name)
   }
 
-  const handleFileShare = (file: RecentFile) => {
-    console.log("Sharing file:", file.name)
+  const handleFileShare = (file: FileType) => {
+    console.log('Sharing file:', file.name)
   }
 
   const handleProjectOpen = (project: ProjectSummary) => {
-    console.log("Opening project:", project.name)
+    console.log('Opening project:', project.name)
+    onOpenProject(project)
   }
 
   const handleProjectShare = (project: ProjectSummary) => {
-    console.log("Sharing project:", project.name)
+    console.log('Sharing project:', project.name)
   }
 
   const handleBusinessUnitChange = (unit: BusinessUnit) => {
     setCurrentBusinessUnit(unit)
-    console.log("Business unit changed to:", unit.name)
+    console.log('Business unit changed to:', unit.name)
   }
 
   const handleCopilotClick = () => {
-    console.log("Copilot clicked - navigating to chat")
+    console.log('Copilot clicked - navigating to chat')
     setActiveTab('chat')
   }
 
   const handleNotificationRemove = (id: string) => {
-    console.log("Notification removed:", id)
+    console.log('Notification removed:', id)
   }
 
   const handleRemoveAll = () => {
-    console.log("All notifications removed")
+    console.log('All notifications removed')
   }
 
   const renderTabContent = () => {
     switch (activeTab) {
-      case "home":
+      case 'home':
         return (
           <div className="px-2 md:px-4 py-4 space-y-8">
             {/* Hero Section */}
             <section className="text-center py-12">
-              <h1 className="text-4xl font-bold mb-4">Welcome to the {currentBusinessUnit.name} team</h1>
+              <h1 className="text-4xl font-bold mb-4">
+                Welcome to the {currentBusinessUnit.name} team
+              </h1>
               <p className="text-xl text-muted-foreground mb-8">
                 This is your collaborative workspace for productivity and knowledge sharing.
               </p>
@@ -108,17 +135,17 @@ export default function Home({ title = "Digital Colleagues", businessUnits }: Ho
             <section className="grid grid-cols-1 md:grid-cols-3 gap-6">
               <div className="bg-card p-6 rounded-lg border">
                 <h3 className="text-lg font-semibold mb-2">Projects</h3>
-                <p className="text-3xl font-bold text-primary">12</p>
+                <p className="text-3xl font-bold text-primary">{projects.length}</p>
                 <p className="text-sm text-muted-foreground">Active projects</p>
               </div>
               <div className="bg-card p-6 rounded-lg border">
                 <h3 className="text-lg font-semibold mb-2">Team Members</h3>
-                <p className="text-3xl font-bold text-primary">8</p>
+                <p className="text-3xl font-bold text-primary">{teamMemberCount}</p>
                 <p className="text-sm text-muted-foreground">Collaborators</p>
               </div>
               <div className="bg-card p-6 rounded-lg border">
                 <h3 className="text-lg font-semibold mb-2">Files</h3>
-                <p className="text-3xl font-bold text-primary">156</p>
+                <p className="text-3xl font-bold text-primary">{fileCount}</p>
                 <p className="text-sm text-muted-foreground">Project files</p>
               </div>
             </section>
@@ -127,44 +154,53 @@ export default function Home({ title = "Digital Colleagues", businessUnits }: Ho
               // description={`Chat with ${title}.`}
               gradient="bg-gradient-to-r from-pink-600 via-red-600 to-orange-600"
               primaryAction={{
-                label: "Go",
+                label: 'Go',
                 onClick: () => setActiveTab('chat'),
               }}
             />
           </div>
         )
-      case "colleagues":
-        return <ColleaguesView />
-      case "chat":
+      case 'colleagues':
+        return (
+          <ColleaguesView
+            initialColleagues={initialColleagues}
+            availableUsers={users}
+            onColleagueAdd={onColleagueAdd}
+            onColleagueEdit={onColleagueEdit}
+            onColleagueDelete={onColleagueDelete}
+          />
+        )
+      case 'chat':
         return (
           <div className="px-2 md:px-4 py-4 space-y-8">
             <section className="text-center py-12">
               <h1 className="text-4xl font-bold mb-4">Team Chat</h1>
               <p className="text-xl text-muted-foreground mb-8">
-                Connect with your {currentBusinessUnit.name} team members and collaborate in real-time.
+                Connect with your {currentBusinessUnit.name} team members and collaborate in
+                real-time.
               </p>
             </section>
             <DashboardHero
               title={`Launch Full Chat Interface`}
               description={`Access the complete chat experience with AI assistance.`}
               gradient="bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600"
               primaryAction={{
-                label: "Open Chat",
-                onClick: () => console.log("Open full chat interface"),
+                label: 'Open Chat',
+                onClick: () => console.log('Open full chat interface'),
               }}
             />
           </div>
         )
-      case "apps":
+      case 'apps':
         return (
           <div className="space-y-8">
             <DashboardHero
               title="Creative Apps Collection"
               description="Discover our full suite of professional design and creative applications."
               gradient="bg-gradient-to-r from-pink-600 via-red-600 to-orange-600"
               primaryAction={{
-                label: "Install Desktop App",
-                onClick: () => console.log("Install desktop app clicked"),
+                label: 'Install Desktop App',
+                onClick: () => console.log('Install desktop app clicked'),
               }}
             />
 
@@ -189,24 +225,29 @@ export default function Home({ title = "Digital Colleagues", businessUnits }: Ho
               <h2 className="text-2xl font-semibold">All Apps</h2>
               <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
                 {mockApps.map((app) => (
-                  <AppCard key={app.name} app={app} onOpen={handleAppOpen} onFavorite={handleAppFavorite} />
+                  <AppCard
+                    key={app.name}
+                    app={app}
+                    onOpen={handleAppOpen}
+                    onFavorite={handleAppFavorite}
+                  />
                 ))}
               </div>
             </section>
           </div>
         )
-      case "knowledge":
+      case 'knowledge':
         return <KnowledgeView />
-      case "files":
+      case 'files':
         return (
           <div className="px-2 md:px-4 py-4 space-y-8">
             <DashboardHero
               title="Your Creative Files"
               description="Access, manage, and share all your design files in one place."
               gradient="bg-gradient-to-r from-teal-600 via-cyan-600 to-blue-600"
               primaryAction={{
-                label: "Upload Files",
-                onClick: () => console.log("Upload files clicked"),
+                label: 'Upload Files',
+                onClick: () => console.log('Upload files clicked'),
               }}
             />
 
@@ -219,23 +260,23 @@ export default function Home({ title = "Digital Colleagues", businessUnits }: Ho
             </section>
           </div>
         )
-      case "projects":
+      case 'projects':
         return (
           <div className="px-2 md:px-4 py-4 space-y-8">
             <DashboardHero
               title="Project Management"
               description="Organize your creative work into projects and collaborate with your team."
               gradient="bg-gradient-to-r from-purple-600 via-violet-600 to-indigo-600"
               primaryAction={{
-                label: "New Project",
-                onClick: () => console.log("New project clicked"),
+                label: 'New Project',
+                onClick: onCreateProject,
               }}
             />
 
             <section className="space-y-4">
               <h2 className="text-2xl font-semibold">Active Projects</h2>
               <div className="grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3">
-                {mockProjectSummary.map((project) => (
+                {projects.map((project) => (
                   <ProjectCard
                     key={project.name}
                     project={project}
@@ -247,16 +288,16 @@ export default function Home({ title = "Digital Colleagues", businessUnits }: Ho
             </section>
           </div>
         )
-      case "learn":
+      case 'learn':
         return (
           <div className="space-y-8">
             <DashboardHero
               title="Learn & Grow"
               description="Expand your creative skills with tutorials, courses, and resources."
               gradient="bg-gradient-to-r from-green-600 via-emerald-600 to-teal-600"
               primaryAction={{
-                label: "Upgrade to Pro",
-                onClick: () => console.log("Upgrade to pro clicked"),
+                label: 'Upgrade to Pro',
+                onClick: () => console.log('Upgrade to pro clicked'),
               }}
             />