Mirror/gitea-mirror
1
0
Fork 0
mirror of https://github.com/RayLabsHQ/gitea-mirror.git synced 2025-12-08 20:46:44 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: Enhance RepositoryTable layout by adding Links column and adjusting action button alignment

Browse Source
This commit is contained in:
Arunavo Ray
2025-05-24 15:32:59 +05:30
parent cbef04d4b4
commit a4e4afdaaf
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/repositories/RepositoryTable.tsx
View File

@@ -1,7 +1,7 @@
import { useMemo, useRef } from "react"; import { useMemo, useRef } from "react";
import Fuse from "fuse.js"; import Fuse from "fuse.js";
import { useVirtualizer } from "@tanstack/react-virtual"; import { useVirtualizer } from "@tanstack/react-virtual";
import { FlipHorizontal, GitFork, RefreshCw, RotateCcw } from "lucide-react"; import { GitFork, RefreshCw, RotateCcw } from "lucide-react";
import { SiGithub, SiGitea } from "react-icons/si"; import { SiGithub, SiGitea } from "react-icons/si";
import type { Repository } from "@/lib/db/schema"; import type { Repository } from "@/lib/db/schema";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
@@ -117,9 +117,12 @@ export default function RepositoryTable({
Last Mirrored Last Mirrored
</div> </div>
<div className="h-full p-3 text-sm font-medium flex-[1]">Status</div> <div className="h-full p-3 text-sm font-medium flex-[1]">Status</div>
<div className="h-full p-3 text-sm font-medium flex-[1] text-right"> <div className="h-full p-3 text-sm font-medium flex-[1]">
Actions Actions
</div> </div>
<div className="h-full p-3 text-sm font-medium flex-[0.8] text-center">
Links
</div>
</div> </div>
{Array.from({ length: 5 }).map((_, i) => ( {Array.from({ length: 5 }).map((_, i) => (
@@ -142,7 +145,10 @@ export default function RepositoryTable({
<div className="h-full p-3 text-sm font-medium flex-[1]"> <div className="h-full p-3 text-sm font-medium flex-[1]">
<Skeleton className="h-full w-full" /> <Skeleton className="h-full w-full" />
</div> </div>
<div className="h-full p-3 text-sm font-medium flex-[1] text-right"> <div className="h-full p-3 text-sm font-medium flex-[1]">
<Skeleton className="h-full w-full" />
</div>
<div className="h-full p-3 text-sm font-medium flex-[0.8] text-center">
<Skeleton className="h-full w-full" /> <Skeleton className="h-full w-full" />
</div> </div>
</div> </div>
@@ -190,9 +196,12 @@ export default function RepositoryTable({
Last Mirrored Last Mirrored
</div> </div>
<div className="h-full p-3 text-sm font-medium flex-[1]">Status</div> <div className="h-full p-3 text-sm font-medium flex-[1]">Status</div>
<div className="h-full p-3 text-sm font-medium flex-[1] text-right"> <div className="h-full p-3 text-sm font-medium flex-[1]">
Actions Actions
</div> </div>
<div className="h-full p-3 text-sm font-medium flex-[0.8] text-center">
Links
</div>
</div> </div>
{/* table body wrapper (for a parent in virtualization) */} {/* table body wrapper (for a parent in virtualization) */}
@@ -270,7 +279,7 @@ export default function RepositoryTable({
</div> </div>
{/* Actions */} {/* Actions */}
<div className="h-full p-3 flex items-center justify-end gap-x-2 flex-[1]"> <div className="h-full p-3 flex items-center justify-start flex-[1]">
<RepoActionButton <RepoActionButton
repo={{ id: repo.id ?? "", status: repo.status }} repo={{ id: repo.id ?? "", status: repo.status }}
isLoading={isLoading} isLoading={isLoading}
@@ -278,6 +287,10 @@ export default function RepositoryTable({
onSync={() => onSync({ repoId: repo.id ?? "" })} onSync={() => onSync({ repoId: repo.id ?? "" })}
onRetry={() => onRetry({ repoId: repo.id ?? "" })} onRetry={() => onRetry({ repoId: repo.id ?? "" })}
/> />
</div>
{/* Links */}
<div className="h-full p-3 flex items-center justify-center gap-x-2 flex-[0.8]">
{(() => { {(() => {
const giteaUrl = getGiteaRepoUrl(repo); const giteaUrl = getGiteaRepoUrl(repo);
@@ -380,7 +393,7 @@ function RepoActionButton({
disabled ||= repo.status === "syncing"; disabled ||= repo.status === "syncing";
} else if (["imported", "mirroring"].includes(repo.status)) { } else if (["imported", "mirroring"].includes(repo.status)) {
label = "Mirror"; label = "Mirror";
icon = <FlipHorizontal className="h-4 w-4 mr-1" />; icon = <GitFork className="h-4 w-4 mr-1" />;
onClick = onMirror; onClick = onMirror;
disabled ||= repo.status === "mirroring"; disabled ||= repo.status === "mirroring";
} else { } else {