klas/t6_mem0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add OpenMemory (#2676)

Browse Source 
Co-authored-by: Saket Aryan <94069182+whysosaket@users.noreply.github.com>
Co-authored-by: Saket Aryan <saketaryan2002@gmail.com>
This commit is contained in:
Deshraj Yadav
2025-05-13 08:30:59 -07:00
committed by GitHub
parent 8d61d73d2f
commit f51b39db91
172 changed files with 17846 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
openmemory/ui/skeleton/MemoryTableSkeleton.tsx Normal file
View File

@@ -0,0 +1,81 @@
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { HiMiniRectangleStack } from "react-icons/hi2"
import { PiSwatches } from "react-icons/pi"
import { GoPackage } from "react-icons/go"
import { CiCalendar } from "react-icons/ci"
import { MoreHorizontal } from "lucide-react"
export function MemoryTableSkeleton() {
// Create an array of 5 items for the loading state
const loadingRows = Array(5).fill(null)
return (
<div className="rounded-md border">
<Table>
<TableHeader>
<TableRow className="bg-zinc-800 hover:bg-zinc-800">
<TableHead className="w-[50px] pl-4">
<div className="h-4 w-4 rounded bg-zinc-700/50 animate-pulse" />
</TableHead>
<TableHead className="border-zinc-700">
<div className="flex items-center min-w-[600px]">
<HiMiniRectangleStack className="mr-1" />
Memory
</div>
</TableHead>
<TableHead className="border-zinc-700">
<div className="flex items-center">
<PiSwatches className="mr-1" size={15} />
Categories
</div>
</TableHead>
<TableHead className="w-[140px] border-zinc-700">
<div className="flex items-center">
<GoPackage className="mr-1" />
Source App
</div>
</TableHead>
<TableHead className="w-[140px] border-zinc-700">
<div className="flex items-center w-full justify-center">
<CiCalendar className="mr-1" size={16} />
Created On
</div>
</TableHead>
<TableHead className="text-right border-zinc-700 flex justify-center">
<div className="flex items-center justify-end">
<MoreHorizontal className="h-4 w-4 mr-2" />
</div>
</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{loadingRows.map((_, index) => (
<TableRow key={index} className="animate-pulse">
<TableCell className="pl-4">
<div className="h-4 w-4 rounded bg-zinc-800" />
</TableCell>
<TableCell>
<div className="h-4 w-3/4 bg-zinc-800 rounded" />
</TableCell>
<TableCell>
<div className="flex gap-1">
<div className="h-5 w-16 bg-zinc-800 rounded-full" />
<div className="h-5 w-16 bg-zinc-800 rounded-full" />
</div>
</TableCell>
<TableCell className="w-[140px]">
<div className="h-6 w-24 mx-auto bg-zinc-800 rounded" />
</TableCell>
<TableCell className="w-[140px]">
<div className="h-4 w-20 mx-auto bg-zinc-800 rounded" />
</TableCell>
<TableCell>
<div className="h-8 w-8 bg-zinc-800 rounded mx-auto" />
</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</div>
)
}