mirror/dashboard-icons
1
0
Fork 0
mirror of https://github.com/walkxcode/dashboard-icons.git synced 2025-11-26 22:58:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(dashboard): add preview button to submission details

Browse Source
This commit is contained in:
Thomas Camlong
2025-11-20 10:03:08 +01:00
parent 7f6155d661
commit 49564d4d0a
1 changed files with 43 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
web/src/components/submission-details.tsx
View File

@@ -1,6 +1,6 @@
"use client"
import { Calendar, Check, Download, ExternalLink, FileType, FolderOpen, Palette, Tag, User as UserIcon, X } from "lucide-react"
import { Calendar, Check, Download, ExternalLink, FileType, FolderOpen, Palette, Tag, User as UserIcon, X, Eye } from "lucide-react"
import Image from "next/image"
import Link from "next/link"
import { IconCard } from "@/components/icon-card"
@@ -193,40 +193,48 @@ export function SubmissionDetails({
<Tag className="w-5 h-5" />
Submission Details
</CardTitle>
{(onApprove || onReject) && (
<div className="flex gap-2">
{onApprove && (
<Button
size="sm"
color="green"
variant="outline"
onClick={(e) => {
e.stopPropagation()
onApprove()
}}
disabled={isApproving || isRejecting}
>
<Check className="w-4 h-4 mr-2" />
{isApproving ? "Approving..." : "Approve"}
</Button>
)}
{onReject && (
<Button
size="sm"
color="red"
variant="destructive"
onClick={(e) => {
e.stopPropagation()
onReject()
}}
disabled={isApproving || isRejecting}
>
<X className="w-4 h-4 mr-2" />
{isRejecting ? "Rejecting..." : "Reject"}
</Button>
)}
</div>
)}
<div className="flex gap-2">
<Button asChild size="sm" variant="outline">
<Link href={`/community/${submission.name}`} target="_blank">
<Eye className="w-4 h-4 mr-2" />
Preview
</Link>
</Button>
{(onApprove || onReject) && (
<>
{onApprove && (
<Button
size="sm"
color="green"
variant="outline"
onClick={(e) => {
e.stopPropagation()
onApprove()
}}
disabled={isApproving || isRejecting}
>
<Check className="w-4 h-4 mr-2" />
{isApproving ? "Approving..." : "Approve"}
</Button>
)}
{onReject && (
<Button
size="sm"
color="red"
variant="destructive"
onClick={(e) => {
e.stopPropagation()
onReject()
}}
disabled={isApproving || isRejecting}
>
<X className="w-4 h-4 mr-2" />
{isRejecting ? "Rejecting..." : "Reject"}
</Button>
)}
</>
)}
</div>
</div>
</CardHeader>
<CardContent className="pt-0">