1- " use client"
1+ ' use client'
22
3- import { useState } from "react"
4- import { motion , AnimatePresence } from "framer-motion"
5- import { Bot } from "lucide-react"
6- import { DigitalColleageusLayout } from "../DigitalColleageusLayout"
7- import { DashboardHero } from "../../Heros/DashboardHero"
8- import { AppCard } from "../../.archive/app-card"
9- import { FileList } from "../../Projects/file-list"
10- import { ProjectCard } from "../../Projects/project-card"
11- import { type BusinessUnit } from "../types"
12- import {
13-
14- mockApps ,
15- mockRecentFiles ,
16- mockTutorials ,
17-
18- } from "../../dc-temp/mock-data"
19- import {
20- mockSidebarItems ,
21- mockNotifications ,
22- } from "../test-data"
23- import { mockProjectSummary } from "../test-data"
24- import type { App , RecentFile , ProjectSummary } from "../types"
3+ import { useState } from 'react'
4+ import { motion , AnimatePresence } from 'framer-motion'
5+ import { Bot } from 'lucide-react'
6+ import { DigitalColleageusLayout } from '../DigitalColleageusLayout'
7+ import { DashboardHero } from '../../Heros/DashboardHero'
8+ import { AppCard } from '../../.archive/app-card'
9+ import { FileList } from '../../Projects/file-list'
10+ import { ProjectCard } from '../../Projects/project-card'
11+ import { mockApps , mockRecentFiles , mockTutorials } from '../../dc-temp/mock-data'
12+ import { mockSidebarItems , mockNotifications } from '../test-data'
13+ import { mockProjectSummary } from '../test-data'
14+ import type { App , ProjectSummary , FileType , BusinessUnit } from '../types'
2515// import { ColleaguesManagement } from "../colleagues-management"
26- import ColleaguesView from " ./../Views/ColleaguesView"
27- import KnowledgeView from " ../Views/KnowledgeView"
16+ import ColleaguesView from ' ./../Views/ColleaguesView'
17+ import KnowledgeView from ' ../Views/KnowledgeView'
2818const AnimatedCircles = ( ) => (
2919 < motion . div
3020 animate = { { rotate : 360 } }
31- transition = { { duration : 50 , repeat : Number . POSITIVE_INFINITY , ease : " linear" } }
21+ transition = { { duration : 50 , repeat : Number . POSITIVE_INFINITY , ease : ' linear' } }
3222 className = "relative h-40 w-40"
3323 >
3424 < div className = "absolute inset-0 rounded-full bg-white/10 backdrop-blur-md" />
@@ -44,61 +34,63 @@ interface HomeProps {
4434 businessUnits : BusinessUnit [ ]
4535}
4636
47- export default function Home ( { title = " Digital Colleagues" , businessUnits } : HomeProps ) {
48- const [ activeTab , setActiveTab ] = useState ( " home" )
37+ export default function Home ( { title = ' Digital Colleagues' , businessUnits } : HomeProps ) {
38+ const [ activeTab , setActiveTab ] = useState ( ' home' )
4939 const [ currentBusinessUnit , setCurrentBusinessUnit ] = useState < BusinessUnit > ( businessUnits [ 0 ] ) // Default to Design
5040
5141 // Mock handlers
5242 const handleAppOpen = ( app : App ) => {
53- console . log ( " Opening app:" , app . name )
43+ console . log ( ' Opening app:' , app . name )
5444 }
5545
5646 const handleAppFavorite = ( app : App ) => {
57- console . log ( " Favoriting app:" , app . name )
47+ console . log ( ' Favoriting app:' , app . name )
5848 }
5949
60- const handleFileClick = ( file : RecentFile ) => {
61- console . log ( " Opening file:" , file . name )
50+ const handleFileClick = ( file : FileType ) => {
51+ console . log ( ' Opening file:' , file . name )
6252 }
6353
64- const handleFileShare = ( file : RecentFile ) => {
65- console . log ( " Sharing file:" , file . name )
54+ const handleFileShare = ( file : FileType ) => {
55+ console . log ( ' Sharing file:' , file . name )
6656 }
6757
6858 const handleProjectOpen = ( project : ProjectSummary ) => {
69- console . log ( " Opening project:" , project . name )
59+ console . log ( ' Opening project:' , project . name )
7060 }
7161
7262 const handleProjectShare = ( project : ProjectSummary ) => {
73- console . log ( " Sharing project:" , project . name )
63+ console . log ( ' Sharing project:' , project . name )
7464 }
7565
7666 const handleBusinessUnitChange = ( unit : BusinessUnit ) => {
7767 setCurrentBusinessUnit ( unit )
78- console . log ( " Business unit changed to:" , unit . name )
68+ console . log ( ' Business unit changed to:' , unit . name )
7969 }
8070
8171 const handleCopilotClick = ( ) => {
82- console . log ( " Copilot clicked - navigating to chat" )
72+ console . log ( ' Copilot clicked - navigating to chat' )
8373 setActiveTab ( 'chat' )
8474 }
8575
8676 const handleNotificationRemove = ( id : string ) => {
87- console . log ( " Notification removed:" , id )
77+ console . log ( ' Notification removed:' , id )
8878 }
8979
9080 const handleRemoveAll = ( ) => {
91- console . log ( " All notifications removed" )
81+ console . log ( ' All notifications removed' )
9282 }
9383
9484 const renderTabContent = ( ) => {
9585 switch ( activeTab ) {
96- case " home" :
86+ case ' home' :
9787 return (
9888 < div className = "px-2 md:px-4 py-4 space-y-8" >
9989 { /* Hero Section */ }
10090 < section className = "text-center py-12" >
101- < h1 className = "text-4xl font-bold mb-4" > Welcome to the { currentBusinessUnit . name } team</ h1 >
91+ < h1 className = "text-4xl font-bold mb-4" >
92+ Welcome to the { currentBusinessUnit . name } team
93+ </ h1 >
10294 < p className = "text-xl text-muted-foreground mb-8" >
10395 This is your collaborative workspace for productivity and knowledge sharing.
10496 </ p >
@@ -127,44 +119,45 @@ export default function Home({ title = "Digital Colleagues", businessUnits }: Ho
127119 // description={`Chat with ${title}.`}
128120 gradient = "bg-gradient-to-r from-pink-600 via-red-600 to-orange-600"
129121 primaryAction = { {
130- label : "Go" ,
122+ label : 'Go' ,
131123 onClick : ( ) => setActiveTab ( 'chat' ) ,
132124 } }
133125 />
134126 </ div >
135127 )
136- case " colleagues" :
128+ case ' colleagues' :
137129 return < ColleaguesView />
138- case " chat" :
130+ case ' chat' :
139131 return (
140132 < div className = "px-2 md:px-4 py-4 space-y-8" >
141133 < section className = "text-center py-12" >
142134 < h1 className = "text-4xl font-bold mb-4" > Team Chat</ h1 >
143135 < p className = "text-xl text-muted-foreground mb-8" >
144- Connect with your { currentBusinessUnit . name } team members and collaborate in real-time.
136+ Connect with your { currentBusinessUnit . name } team members and collaborate in
137+ real-time.
145138 </ p >
146139 </ section >
147140 < DashboardHero
148141 title = { `Launch Full Chat Interface` }
149142 description = { `Access the complete chat experience with AI assistance.` }
150143 gradient = "bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600"
151144 primaryAction = { {
152- label : " Open Chat" ,
153- onClick : ( ) => console . log ( " Open full chat interface" ) ,
145+ label : ' Open Chat' ,
146+ onClick : ( ) => console . log ( ' Open full chat interface' ) ,
154147 } }
155148 />
156149 </ div >
157150 )
158- case " apps" :
151+ case ' apps' :
159152 return (
160153 < div className = "space-y-8" >
161154 < DashboardHero
162155 title = "Creative Apps Collection"
163156 description = "Discover our full suite of professional design and creative applications."
164157 gradient = "bg-gradient-to-r from-pink-600 via-red-600 to-orange-600"
165158 primaryAction = { {
166- label : " Install Desktop App" ,
167- onClick : ( ) => console . log ( " Install desktop app clicked" ) ,
159+ label : ' Install Desktop App' ,
160+ onClick : ( ) => console . log ( ' Install desktop app clicked' ) ,
168161 } }
169162 />
170163
@@ -189,24 +182,29 @@ export default function Home({ title = "Digital Colleagues", businessUnits }: Ho
189182 < h2 className = "text-2xl font-semibold" > All Apps</ h2 >
190183 < div className = "grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4" >
191184 { mockApps . map ( ( app ) => (
192- < AppCard key = { app . name } app = { app } onOpen = { handleAppOpen } onFavorite = { handleAppFavorite } />
185+ < AppCard
186+ key = { app . name }
187+ app = { app }
188+ onOpen = { handleAppOpen }
189+ onFavorite = { handleAppFavorite }
190+ />
193191 ) ) }
194192 </ div >
195193 </ section >
196194 </ div >
197195 )
198- case " knowledge" :
196+ case ' knowledge' :
199197 return < KnowledgeView />
200- case " files" :
198+ case ' files' :
201199 return (
202200 < div className = "px-2 md:px-4 py-4 space-y-8" >
203201 < DashboardHero
204202 title = "Your Creative Files"
205203 description = "Access, manage, and share all your design files in one place."
206204 gradient = "bg-gradient-to-r from-teal-600 via-cyan-600 to-blue-600"
207205 primaryAction = { {
208- label : " Upload Files" ,
209- onClick : ( ) => console . log ( " Upload files clicked" ) ,
206+ label : ' Upload Files' ,
207+ onClick : ( ) => console . log ( ' Upload files clicked' ) ,
210208 } }
211209 />
212210
@@ -219,16 +217,16 @@ export default function Home({ title = "Digital Colleagues", businessUnits }: Ho
219217 </ section >
220218 </ div >
221219 )
222- case " projects" :
220+ case ' projects' :
223221 return (
224222 < div className = "px-2 md:px-4 py-4 space-y-8" >
225223 < DashboardHero
226224 title = "Project Management"
227225 description = "Organize your creative work into projects and collaborate with your team."
228226 gradient = "bg-gradient-to-r from-purple-600 via-violet-600 to-indigo-600"
229227 primaryAction = { {
230- label : " New Project" ,
231- onClick : ( ) => console . log ( " New project clicked" ) ,
228+ label : ' New Project' ,
229+ onClick : ( ) => console . log ( ' New project clicked' ) ,
232230 } }
233231 />
234232
@@ -247,16 +245,16 @@ export default function Home({ title = "Digital Colleagues", businessUnits }: Ho
247245 </ section >
248246 </ div >
249247 )
250- case " learn" :
248+ case ' learn' :
251249 return (
252250 < div className = "space-y-8" >
253251 < DashboardHero
254252 title = "Learn & Grow"
255253 description = "Expand your creative skills with tutorials, courses, and resources."
256254 gradient = "bg-gradient-to-r from-green-600 via-emerald-600 to-teal-600"
257255 primaryAction = { {
258- label : " Upgrade to Pro" ,
259- onClick : ( ) => console . log ( " Upgrade to pro clicked" ) ,
256+ label : ' Upgrade to Pro' ,
257+ onClick : ( ) => console . log ( ' Upgrade to pro clicked' ) ,
260258 } }
261259 />
262260
0 commit comments