mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-09-07 08:26:15 +00:00
feat: major iteration on the app add: dashboard improvements few more improvements add few more improvements add few more changes home improvmeents few more improvements add lot of modifications fix few things
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
"use client"
|
|
|
|
import type { DocumentsWithMemoriesResponseSchema } from "@repo/validation/api"
|
|
import type { z } from "zod"
|
|
import { dmSansClassName } from "@/lib/fonts"
|
|
import { cn } from "@lib/utils"
|
|
import { ClaudeDesktopIcon, MCPIcon } from "@ui/assets/icons"
|
|
|
|
type DocumentsResponse = z.infer<typeof DocumentsWithMemoriesResponseSchema>
|
|
type DocumentWithMemories = DocumentsResponse["documents"][0]
|
|
|
|
export function McpPreview({ document }: { document: DocumentWithMemories }) {
|
|
return (
|
|
<div className="bg-[#0B1017] p-3 rounded-[18px] space-y-2">
|
|
<div className="flex items-center justify-between gap-1">
|
|
<p
|
|
className={cn(
|
|
dmSansClassName(),
|
|
"text-[13px] font-semibold flex items-center gap-1",
|
|
)}
|
|
>
|
|
<ClaudeDesktopIcon className="size-3" />
|
|
Claude Desktop
|
|
</p>
|
|
<MCPIcon className="size-6" />
|
|
</div>
|
|
<div className="space-y-[6px]">
|
|
{document.title && (
|
|
<p className={cn(dmSansClassName(), "text-[13px] font-semibold")}>
|
|
{document.title}
|
|
</p>
|
|
)}
|
|
{document.content && (
|
|
<p className="text-[11px] text-[#737373] line-clamp-4">
|
|
{document.content}
|
|
</p>
|
|
)}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|