Merge pull request #14 from venu123143/notification_popup

share files changes

Author: venu123143

src/components/file-manager/ShareFileModal.tsx

@@ -51,7 +51,7 @@ export function ShareFileModal({
             page: 1,
             limit: 20,
             is_active: true,
-            email_verified: true
+            email_verified: false
           })
           setUsers(Array.isArray(result) ? result : [])
           setShowDropdown(true)

src/components/settings/settings-content.tsx

@@ -13,8 +13,6 @@ import { useTheme } from "@/contexts/ThemeContext"
 import {
   User,
   Shield,
-  Bell,
-  Smartphone,
   HardDrive,
   Lock,
   Eye,
@@ -420,82 +418,6 @@ export function SettingsContent({ activeTab }: SettingsContentProps) {
     </motion.div>
   )
 
-  const renderNotificationsTab = () => (
-    <motion.div
-      key="notifications"
-      initial={{ opacity: 0, y: 20 }}
-      animate={{ opacity: 1, y: 0 }}
-      exit={{ opacity: 0, y: -20 }}
-      transition={{ duration: 0.3 }}
-      className="space-y-6"
-    >
-      {/* Email Notifications */}
-      <Card>
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2">
-            <Bell className="h-5 w-5" />
-            Email Notifications
-          </CardTitle>
-          <CardDescription>
-            Choose which emails you want to receive
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-            <div className="space-y-0.5">
-              <Label>Security Alerts</Label>
-              <p className="text-sm text-muted-foreground">Get notified about security events</p>
-            </div>
-            <Switch defaultChecked />
-          </div>
-          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-            <div className="space-y-0.5">
-              <Label>Storage Updates</Label>
-              <p className="text-sm text-muted-foreground">Receive storage usage notifications</p>
-            </div>
-            <Switch defaultChecked />
-          </div>
-          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-            <div className="space-y-0.5">
-              <Label>Product Updates</Label>
-              <p className="text-sm text-muted-foreground">Stay informed about new features</p>
-            </div>
-            <Switch />
-          </div>
-        </CardContent>
-      </Card>
-
-      {/* Push Notifications */}
-      <Card>
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2">
-            <Smartphone className="h-5 w-5" />
-            Push Notifications
-          </CardTitle>
-          <CardDescription>
-            Manage notifications on your devices
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-            <div className="space-y-0.5">
-              <Label>File Sharing</Label>
-              <p className="text-sm text-muted-foreground">When someone shares files with you</p>
-            </div>
-            <Switch defaultChecked />
-          </div>
-          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-            <div className="space-y-0.5">
-              <Label>Storage Warnings</Label>
-              <p className="text-sm text-muted-foreground">When approaching storage limits</p>
-            </div>
-            <Switch defaultChecked />
-          </div>
-        </CardContent>
-      </Card>
-    </motion.div>
-  )
-
   const renderPinTab = () => {
     const hasPin = user?.pin_hash
 
@@ -726,8 +648,6 @@ export function SettingsContent({ activeTab }: SettingsContentProps) {
         return renderSecurityTab()
       case "pin":
         return renderPinTab()
-      case "notifications":
-        return renderNotificationsTab()
       case "api-token":
         return renderApiTokenTab()
       default:

src/components/settings/settings-tabs.tsx

@@ -7,7 +7,6 @@ const tabs = [
   { id: "general", label: "General" },
   { id: "security", label: "Security" },
   { id: "pin", label: "PIN" },
-  { id: "notifications", label: "Notifications" },
   { id: "api-token", label: "API Token" },
 ]
 

src/lib/utils.ts

@@ -1,7 +1,7 @@
 import { clsx, type ClassValue } from "clsx"
 import { twMerge } from "tailwind-merge"
-import type { FileSystemNode } from "@/types/file.types"
-import type { StandardFileItem, DeletedFileItem, PrivateFileItem } from "@/types/file-manager"
+import type { FileSystemNode, SharedFileSystemNode } from "@/types/file.types"
+import type { StandardFileItem, DeletedFileItem, PrivateFileItem, SharedFileItem } from "@/types/file-manager"
 import {
   FileText,
   FolderIcon,
@@ -192,4 +192,52 @@ export function transformFileSystemNodeToPrivateFileItem(node: FileSystemNode, p
 // Transform FileSystemNode array to PrivateFileItem array
 export function transformFileSystemNodesToPrivateFileItems(nodes: FileSystemNode[]): PrivateFileItem[] {
   return nodes.map(node => transformFileSystemNodeToPrivateFileItem(node))
+}
+
+// Transform SharedFileSystemNode to SharedFileItem
+export function transformSharedFileSystemNodeToSharedFileItem(node: SharedFileSystemNode, parentPath: string[] = []): SharedFileItem {
+  const isFolder = node.is_folder
+  const fileType = node.file_info?.file_type || null
+  const size = node.file_info?.file_size || 0
+  const thumbnail = node.file_info?.thumbnail_path || null
+
+  // Handle potential null updated_at
+  const modifiedDate = node.updated_at || node.created_at
+
+  return {
+    id: node.id,
+    name: node.name,
+    type: isFolder ? "folder" : "file",
+    fileType: isFolder ? "folder" : getFileTypeCategory(fileType),
+    size: formatFileSize(size),
+    modified: formatRelativeTime(modifiedDate),
+    icon: isFolder ? FolderIcon : getFileIcon(fileType),
+    thumbnail,
+    file_info: node.file_info || undefined,
+    starred: false, // This would need to be fetched from favorites API
+    shared: true,
+    parentPath,
+    variant: "shared",
+    sharedBy: {
+      name: node.shared_by_user?.display_name || "Unknown",
+      avatar: node.shared_by_user?.avatar_url || null,
+      initials: (node.shared_by_user?.display_name || "U").charAt(0).toUpperCase(),
+    },
+    sharedWith: [
+      {
+        name: node.shared_with_user?.display_name || "Unknown",
+        avatar: node.shared_with_user?.avatar_url || null,
+        initials: (node.shared_with_user?.display_name || "U").charAt(0).toUpperCase(),
+      }
+    ],
+    permission: (node.permission_level as "view" | "edit" | "admin") || "view",
+    sharedDate: formatRelativeTime(node.share_created_at),
+    isOwner: false, // This will be overridden in the page component based on current user
+    children: node.children ? node.children.map((child: SharedFileSystemNode) => transformSharedFileSystemNodeToSharedFileItem(child, [...parentPath, node.name])) : undefined,
+  }
+}
+
+// Transform SharedFileSystemNode array to SharedFileItem array
+export function transformSharedFileSystemNodesToSharedFileItems(nodes: SharedFileSystemNode[]): SharedFileItem[] {
+  return nodes.map(node => transformSharedFileSystemNodeToSharedFileItem(node))
 }