blob: 6f3ecb1ef0d5e716f87f4551335d93162ce5e2c6 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
import { cn } from "@lib/utils"
import { dmSansClassName } from "@/lib/fonts"
import { DocumentIcon } from "@/components/new/document-icon"
function getFileExtension(documentType: string): string | null {
switch (documentType) {
case "pdf":
return ".pdf"
default:
return null
}
}
export function Title({
title,
documentType,
url,
}: {
title: string | null | undefined
documentType: string
url?: string | null
}) {
const extension = getFileExtension(documentType)
return (
<div
className={cn(
dmSansClassName(),
"text-[16px] font-semibold text-[#FAFAFA] leading-[125%] flex items-center gap-3 min-w-0",
)}
>
<div className="pl-1 flex items-center gap-1 shrink-0">
<DocumentIcon type={documentType} url={url} className="w-5 h-5" />
{extension && (
<p
className={cn(dmSansClassName(), "text-[12px] font-semibold")}
style={{ color: "#FF7673" }}
>
{extension}
</p>
)}
</div>
<span className="truncate">{title || "Untitled Document"}</span>
</div>
)
}
|