Merge pull request #62 from cortex-reply/fix/files

fix: applies fix on files

Author: ka1ea6

src/components/DigitalColleagues/Pages/dashboardpage.tsx

@@ -14,13 +14,14 @@ import { mockProjectSummary } from '../test-data'
 import type {
   App,
   ProjectSummary,
-  FileType,
+  // FileType,
   BusinessUnit,
   Project,
   SidebarItem,
   Colleague,
   User,
 } from '../types'
+import type { File as FileType } from '../../Foundary/types'
 // import { ColleaguesManagement } from "../colleagues-management"
 import ColleaguesView from './../Views/ColleaguesView'
 import KnowledgeView from '../Views/KnowledgeView'

src/components/Foundary/Pages/dashboardpage.tsx

@@ -14,7 +14,8 @@ import { mockProjectSummary } from '../test-data'
 import type {
   App,
   ProjectSummary,
-  FileType,
+  // FileType,
+  File as FileType,
   BusinessUnit,
   Project,
   SidebarItem,

src/components/Projects/AddFileModal.tsx

@@ -0,0 +1,123 @@
+import React, { useState } from 'react'
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
+import { Button } from '@/components/ui/button'
+interface AddFileModalProps {
+  isOpen: boolean
+  onClose: () => void
+  onAddFile?: (file: FormData) => void
+}
+
+export const AddFileModal: React.FC<AddFileModalProps> = ({ isOpen, onClose, onAddFile }) => {
+  const [selectedFile, setSelectedFile] = useState<File | null>(null)
+  const [fileName, setFileName] = useState('')
+  const [description, setDescription] = useState('')
+  const [tags, setTags] = useState('')
+
+  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0]
+    if (file) {
+      setSelectedFile(file)
+      // Auto-populate filename if not already set
+      if (!fileName) {
+        setFileName(file.name)
+      }
+    }
+  }
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+
+    if (!selectedFile) {
+      return
+    }
+
+    const formData = new FormData()
+    formData.append('file', selectedFile as File)
+    formData.append('name', fileName)
+
+    if (description) {
+      formData.append('description', description)
+    }
+
+    if (tags) {
+      formData.append('tags', tags)
+    }
+
+    onAddFile?.(formData)
+
+    onClose()
+    setSelectedFile(null)
+    setFileName('')
+    setDescription('')
+    setTags('')
+  }
+
+  return (
+    <Dialog open={isOpen} onOpenChange={onClose}>
+      <DialogContent className="sm:max-w-md">
+        <DialogHeader>
+          <DialogTitle>Add New File</DialogTitle>
+        </DialogHeader>
+
+        <form onSubmit={handleSubmit} className="grid gap-4">
+          <div className="flex items-center justify-center w-full">
+            <label
+              htmlFor="dropzone-file"
+              className="flex flex-col items-center justify-center w-full h-64 border-2 border-gray-300 border-dashed rounded-lg cursor-pointer bg-gray-50 dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600"
+            >
+              <div className="flex flex-col items-center justify-center pt-5 pb-6">
+                <UploadIcon className="w-10 h-10 text-gray-400" />
+                <p className="mb-2 text-sm text-gray-500 dark:text-gray-400">
+                  <span className="font-semibold">Click to upload</span> or drag and drop
+                </p>
+                <p className="text-xs text-gray-500 dark:text-gray-400">
+                  SVG, PNG, JPG or GIF (MAX. 800x400px)
+                </p>
+              </div>
+              <input
+                id="dropzone-file"
+                type="file"
+                className="hidden"
+                onChange={handleFileChange}
+              />
+            </label>
+          </div>
+          {selectedFile && (
+            <div className="flex items-center justify-between">
+              <div>
+                <p className="font-medium">{selectedFile.name}</p>
+                <p className="text-sm text-muted-foreground">
+                  {((selectedFile.size || 0) / 1024).toFixed(2)} KB
+                </p>
+              </div>
+              <Button type="submit" onClick={handleSubmit}>
+                Upload
+              </Button>
+            </div>
+          )}
+        </form>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+function UploadIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+      <polyline points="17 8 12 3 7 8" />
+      <line x1="12" x2="12" y1="3" y2="15" />
+    </svg>
+  )
+}

src/components/Projects/FileView.tsx

@@ -1,26 +1,21 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { Plus, Search, File, Filter, Download, Upload } from 'lucide-react'
+import { Plus, Search, File, Filter } from 'lucide-react'
 import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { Card, CardContent } from '@/components/ui/card'
 import { Input } from '@/components/ui/input'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
+
 import { NavigationTabs } from '../AdvancedComponents/navigation-tabs'
 import { FileList } from './file-list'
 import { DashboardHero } from '../Heros/DashboardHero/DashboardHero'
-import { FileType, type RecentFile } from '../DigitalColleagues/types'
+import { File as FileType } from '../Foundary/types'
 import { motion, AnimatePresence } from 'motion/react'
+import { AddFileModal } from './AddFileModal'
 
 interface FileViewProps {
   initialFiles?: FileType[]
-  onFileAdd?: () => void
+  onFileAdd?: (file: FormData) => void
   onFileEdit?: (file: FileType) => void
   onFileDelete?: (fileId: string) => void
   onFileClick?: (file: FileType) => void
@@ -41,26 +36,26 @@ export default function FileView({
   const [searchTerm, setSearchTerm] = useState('')
   const [appFilter, setAppFilter] = useState<string>('all')
   const [activeTab, setActiveTab] = useState('all')
-
+  const [isAddFileModalOpen, setIsAddFileModalOpen] = useState(false)
   useEffect(() => {
     setFiles(initialFiles)
   }, [initialFiles])
 
   // Get unique apps for filter
-  const uniqueApps = Array.from(new Set(files.map((file) => file.mimeType)))
+  // const uniqueApps = Array.from(new Set(files.map((file) => file.mimeType)))
 
   const filteredFiles = files.filter((file) => {
     const matchesSearch = file.name.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesApp = appFilter === 'all' || file.mimeType === appFilter
-    return matchesSearch && matchesApp
+    // const matchesApp = appFilter === 'all' || file.mimeType === appFilter || file.app === appFilter
+    return matchesSearch
   })
 
   const recentFiles = filteredFiles.slice(0, 10) // Show 10 most recent
   const sharedFiles = filteredFiles.filter(Boolean)
 
   const handleAddFile = () => {
     // This would typically open a file upload dialog
-    onFileAdd?.()
+    setIsAddFileModalOpen(true)
   }
 
   const handleEditFile = (file: FileType) => {
@@ -70,7 +65,7 @@ export default function FileView({
   const handleDeleteFile = (file: FileType) => {
     console.log('deleting file', file)
     setFiles((prev) => prev.filter((f) => f.name !== file.name))
-    onFileDelete?.(file.id)
+    onFileDelete?.(file.id.toString())
   }
 
   const handleFileClick = (file: FileType) => {
@@ -248,6 +243,11 @@ export default function FileView({
           </div>
         </motion.div>
       </AnimatePresence>
+      <AddFileModal
+        isOpen={isAddFileModalOpen}
+        onClose={() => setIsAddFileModalOpen(false)}
+        onAddFile={onFileAdd}
+      />
     </div>
   )
 }

src/components/Projects/ProjectView.tsx

@@ -15,7 +15,7 @@ import { TaskDetailsModal } from './TaskDetailsModal'
 import type {
   Reminder,
   DigitalColleague,
-  FileType,
+  File as FileType,
   User,
   Task,
   Epic,

src/components/Projects/file-list.tsx

@@ -3,7 +3,7 @@
 import { motion } from 'motion/react'
 import { MoreHorizontal, Trash2, Edit } from 'lucide-react'
 import { Button } from '@/components/ui/button'
-import { FileType } from '../DigitalColleagues/types'
+import { File as FileType } from '../Foundary/types'
 
 interface FileListProps {
   files: FileType[]