mirror of
https://github.com/sourcebot-dev/sourcebot.git
synced 2025-12-12 12:25:22 +00:00
fix build
This commit is contained in:
bkellam
parent
5a670bfdb9
commit
2b51f96550
1 changed files with 0 additions and 208 deletions
|
|
@ -1,208 +0,0 @@
|
|||
"use client"
|
||||
|
||||
import { Button } from "@/components/ui/button"
|
||||
import type { ColumnDef } from "@tanstack/react-table"
|
||||
import { ArrowUpDown, Clock, Loader2, CheckCircle2, Check, ListFilter } from "lucide-react"
|
||||
import Image from "next/image"
|
||||
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"
|
||||
import { cn, getRepoImageSrc } from "@/lib/utils"
|
||||
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
|
||||
import Link from "next/link"
|
||||
import { getBrowsePath } from "../browse/hooks/utils"
|
||||
|
||||
export type RepoStatus = 'syncing' | 'indexed' | 'not-indexed';
|
||||
|
||||
export type RepositoryColumnInfo = {
|
||||
repoId: number
|
||||
repoName: string;
|
||||
repoDisplayName: string
|
||||
imageUrl?: string
|
||||
status: RepoStatus
|
||||
lastIndexed: string
|
||||
}
|
||||
|
||||
const statusLabels: Record<RepoStatus, string> = {
|
||||
'syncing': "Syncing",
|
||||
'indexed': "Indexed",
|
||||
'not-indexed': "Pending",
|
||||
};
|
||||
|
||||
const StatusIndicator = ({ status }: { status: RepoStatus }) => {
|
||||
let icon = null
|
||||
let description = ""
|
||||
let className = ""
|
||||
|
||||
switch (status) {
|
||||
case 'syncing':
|
||||
icon = <Loader2 className="h-3.5 w-3.5 animate-spin" />
|
||||
description = "Repository is currently syncing"
|
||||
className = "text-blue-600 bg-blue-50 dark:bg-blue-900/20 dark:text-blue-400"
|
||||
break
|
||||
case 'indexed':
|
||||
icon = <CheckCircle2 className="h-3.5 w-3.5" />
|
||||
description = "Repository has been successfully indexed and is up to date"
|
||||
className = "text-green-600 bg-green-50 dark:bg-green-900/20 dark:text-green-400"
|
||||
break
|
||||
case 'not-indexed':
|
||||
icon = <Clock className="h-3.5 w-3.5" />
|
||||
description = "Repository is pending initial sync"
|
||||
className = "text-yellow-600 bg-yellow-50 dark:bg-yellow-900/20 dark:text-yellow-400"
|
||||
break
|
||||
}
|
||||
|
||||
return (
|
||||
<TooltipProvider>
|
||||
<Tooltip>
|
||||
<TooltipTrigger asChild>
|
||||
<div
|
||||
className={cn("flex items-center gap-1.5 text-xs font-medium px-2.5 py-0.5 rounded-full w-fit", className)}
|
||||
>
|
||||
{icon}
|
||||
{statusLabels[status]}
|
||||
</div>
|
||||
</TooltipTrigger>
|
||||
<TooltipContent>
|
||||
<p className="text-sm">{description}</p>
|
||||
</TooltipContent>
|
||||
</Tooltip>
|
||||
</TooltipProvider>
|
||||
)
|
||||
}
|
||||
|
||||
export const columns = (domain: string): ColumnDef<RepositoryColumnInfo>[] => [
|
||||
{
|
||||
accessorKey: "repoDisplayName",
|
||||
header: 'Repository',
|
||||
size: 500,
|
||||
cell: ({ row: { original: { repoId, repoName, repoDisplayName, imageUrl } } }) => {
|
||||
return (
|
||||
<div className="flex flex-row items-center gap-3 py-2">
|
||||
<div className="relative h-8 w-8 overflow-hidden rounded-md border bg-muted">
|
||||
{imageUrl ? (
|
||||
<Image
|
||||
src={getRepoImageSrc(imageUrl, repoId, domain) || "/placeholder.svg"}
|
||||
alt={`${repoDisplayName} logo`}
|
||||
width={32}
|
||||
height={32}
|
||||
className="object-cover"
|
||||
/>
|
||||
) : (
|
||||
<div className="flex h-full w-full items-center justify-center bg-muted text-xs font-medium uppercase text-muted-foreground">
|
||||
{repoDisplayName.charAt(0)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<Link
|
||||
className={"font-medium text-primary hover:underline cursor-pointer"}
|
||||
href={getBrowsePath({
|
||||
repoName: repoName,
|
||||
path: '/',
|
||||
pathType: 'tree',
|
||||
domain
|
||||
})}
|
||||
>
|
||||
{repoDisplayName.length > 40 ? `${repoDisplayName.slice(0, 40)}...` : repoDisplayName}
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
},
|
||||
{
|
||||
accessorKey: "status",
|
||||
size: 150,
|
||||
header: ({ column }) => {
|
||||
const uniqueLabels = Object.values(statusLabels);
|
||||
const currentFilter = column.getFilterValue() as string | undefined;
|
||||
|
||||
return (
|
||||
<div className="w-[150px]">
|
||||
<DropdownMenu>
|
||||
<DropdownMenuTrigger asChild>
|
||||
<Button
|
||||
variant="ghost"
|
||||
className={cn(
|
||||
"px-0 font-medium hover:bg-transparent focus:bg-transparent active:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0",
|
||||
currentFilter ? "text-primary hover:text-primary" : "text-muted-foreground hover:text-muted-foreground"
|
||||
)}
|
||||
>
|
||||
Status
|
||||
<ListFilter className={cn(
|
||||
"ml-2 h-3.5 w-3.5",
|
||||
currentFilter ? "text-primary" : "text-muted-foreground"
|
||||
)} />
|
||||
{currentFilter && (
|
||||
<div className="absolute -top-1 -right-1 w-2.5 h-2.5 rounded-full bg-primary animate-pulse" />
|
||||
)}
|
||||
</Button>
|
||||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent align="start">
|
||||
<DropdownMenuItem onClick={() => column.setFilterValue(undefined)}>
|
||||
<Check className={cn("mr-2 h-4 w-4", !column.getFilterValue() ? "opacity-100" : "opacity-0")} />
|
||||
All
|
||||
</DropdownMenuItem>
|
||||
{uniqueLabels.map((label) => (
|
||||
<DropdownMenuItem key={label} onClick={() => column.setFilterValue(label)}>
|
||||
<Check className={cn("mr-2 h-4 w-4", column.getFilterValue() === label ? "opacity-100" : "opacity-0")} />
|
||||
{label}
|
||||
</DropdownMenuItem>
|
||||
))}
|
||||
</DropdownMenuContent>
|
||||
</DropdownMenu>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
cell: ({ row }) => {
|
||||
return <StatusIndicator status={row.original.status} />
|
||||
},
|
||||
filterFn: (row, id, value) => {
|
||||
if (value === undefined) return true;
|
||||
|
||||
const status = row.getValue(id) as RepoStatus;
|
||||
return statusLabels[status] === value;
|
||||
},
|
||||
},
|
||||
{
|
||||
accessorKey: "lastIndexed",
|
||||
size: 150,
|
||||
header: ({ column }) => (
|
||||
<div className="w-[150px]">
|
||||
<Button
|
||||
variant="ghost"
|
||||
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||
className="px-0 font-medium hover:bg-transparent focus:bg-transparent active:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0"
|
||||
>
|
||||
Last Synced
|
||||
<ArrowUpDown className="ml-2 h-3.5 w-3.5" />
|
||||
</Button>
|
||||
</div>
|
||||
),
|
||||
cell: ({ row }) => {
|
||||
if (!row.original.lastIndexed) {
|
||||
return <div className="text-muted-foreground">Never</div>;
|
||||
}
|
||||
const date = new Date(row.original.lastIndexed)
|
||||
return (
|
||||
<div>
|
||||
<div className="font-medium">
|
||||
{date.toLocaleDateString("en-US", {
|
||||
month: "short",
|
||||
day: "numeric",
|
||||
year: "numeric",
|
||||
})}
|
||||
</div>
|
||||
<div className="text-xs text-muted-foreground">
|
||||
{date
|
||||
.toLocaleTimeString("en-US", {
|
||||
hour: "2-digit",
|
||||
minute: "2-digit",
|
||||
hour12: false,
|
||||
})
|
||||
.toLowerCase()}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
},
|
||||
]
|
||||
Loading…
Reference in a new issue