File size: 4,361 Bytes
f0743f4 | 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 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 | import { DotsIcon, TrashIcon } from '@librechat/client';
export default function Template() {
return (
<div className="max-h-[28rem] overflow-y-auto rounded-md border border-black/10 dark:border-white/10">
<table className="w-full border-separate border-spacing-0">
<thead>
<tr>
<th className="sticky top-0 rounded-t border-b border-black/10 bg-white px-4 py-2 text-left font-medium text-gray-700 dark:border-white/10 dark:bg-gray-900 dark:text-gray-100">
Name
</th>
<th className="sticky top-0 rounded-t border-b border-black/10 bg-white px-4 py-2 text-left font-medium text-gray-700 dark:border-white/10 dark:bg-gray-900 dark:text-gray-100">
Date
</th>
<th className="sticky top-0 rounded-t border-b border-black/10 bg-white px-4 py-2 text-left font-medium text-gray-700 dark:border-white/10 dark:bg-gray-900 dark:text-gray-100">
Size
</th>
<th className="sticky top-0 rounded-t border-b border-black/10 bg-white px-4 py-2 text-right font-medium text-gray-700 dark:border-white/10 dark:bg-gray-900 dark:text-gray-100">
<button
className="text-gray-500 hover:text-gray-600 radix-state-open:text-gray-600 dark:hover:text-gray-400 dark:radix-state-open:text-gray-400"
type="button"
id="radix-:r67:"
aria-haspopup="menu"
aria-expanded="false"
data-state="closed"
>
<DotsIcon />
</button>
</th>
</tr>
</thead>
<tbody>
<tr className="">
<td className="border-b border-black/10 text-left text-gray-600 dark:border-white/10 dark:text-gray-300 [tr:last-child_&]:border-b-0">
<div className="px-4 py-2 [tr[data-disabled=true]_&]:opacity-50">
File Transfer: Node to FastAPI
</div>
</td>
<td className="border-b border-black/10 text-left text-gray-600 dark:border-white/10 dark:text-gray-300 [tr:last-child_&]:border-b-0">
<div className="px-4 py-2 [tr[data-disabled=true]_&]:opacity-50">June 11, 2023</div>
</td>
<td className="border-b border-black/10 text-left text-gray-600 dark:border-white/10 dark:text-gray-300 [tr:last-child_&]:border-b-0">
<div className="px-4 py-2 [tr[data-disabled=true]_&]:opacity-50">11 mb</div>
</td>
<td className="border-b border-black/10 text-left text-gray-600 dark:border-white/10 dark:text-gray-300 [tr:last-child_&]:border-b-0">
<div className="px-4 py-2 [tr[data-disabled=true]_&]:opacity-50">
<div className="flex items-center justify-end gap-2">
<span className="" data-state="closed">
<a
href="/c/da3130ea-830c-4dd2-9d2d-d875e71e3867"
target="_blank"
rel="noreferrer"
aria-label="View source chat"
className="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400"
>
<svg
stroke="currentColor"
fill="none"
strokeWidth="2"
viewBox="0 0 24 24"
strokeLinecap="round"
strokeLinejoin="round"
className="h-4 w-4"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
</svg>
</a>
</span>
<span className="" data-state="closed">
<button
aria-label="Delete shared link"
className="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400"
>
<TrashIcon />
</button>
</span>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
);
}
|