Skip to content

Update src folder with new UI changes #23

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Rezn1r merged 1 commit into from
May 23, 2026
Merged

Update src folder with new UI changes #23

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
594 changes: 292 additions & 302 deletions src/app/admin/page.tsx
View file
Open in desktop

Large diffs are not rendered by default.

18 changes: 8 additions & 10 deletions src/app/builds/[id]/loading.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@ export default function BuildDetailLoading() {
<Skeleton width="10rem" height="0.875rem" className="mb-6" />

<SkeletonCard className="p-6 mb-6">
<div className="flex flex-col sm:grid sm:grid-cols-[1fr_auto] items-start gap-4">
<div className="min-w-0">
<div className="flex flex-wrap items-center gap-3 mb-2">
<div className="grid grid-cols-[1fr_auto] items-start gap-4">
<div>
<div className="grid grid-flow-col auto-cols-max items-center gap-3 mb-2">
<Skeleton width="14rem" height="1.5rem" />
<Skeleton
width="5rem"
Expand All @@ -18,13 +18,11 @@ export default function BuildDetailLoading() {
</div>
<Skeleton width="8rem" height="0.875rem" />
</div>
<div className="w-full sm:w-auto flex justify-start sm:justify-end">
<Skeleton
width="10rem"
height="2.25rem"
borderRadius="var(--radius-md)"
/>
</div>
<Skeleton
width="10rem"
height="2.25rem"
borderRadius="var(--radius-md)"
/>
</div>

<div className="grid grid-cols-[repeat(auto-fit,minmax(160px,1fr))] gap-4 mt-5 pt-5 border-t border-border">
Expand Down
33 changes: 16 additions & 17 deletions src/app/builds/[id]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -118,15 +118,15 @@ export default async function BuildDetailPage({

{/* Header Card */}
<div className="card p-4 lg:p-6 mb-6">
<div className="flex flex-col sm:grid sm:grid-cols-[1fr_auto] items-start gap-4">
<div className="min-w-0">
<div className="build-title-row flex flex-wrap items-center gap-3 mb-2">
<h1 className="heading-3 m-0 truncate">
<div className="grid grid-cols-[1fr_auto] items-start gap-4">
<div>
<div className="build-title-row grid grid-flow-col auto-cols-max items-center gap-3 mb-2">
<h1 className="heading-3 m-0">
{build.plugin?.displayName} — Build #{build.buildNumber}
</h1>
<StatusBadge status={build.status} />
{!build.isRelease && (
<span className="text-[0.6875rem] px-2 py-0.5 rounded-sm bg-warning/10 text-warning font-bold uppercase tracking-wider shrink-0">
<span className="text-[0.6875rem] px-2 py-0.5 rounded-sm bg-warning/10 text-warning font-bold uppercase tracking-wider">
⚠️ Unstable
</span>
)}
Expand All @@ -137,14 +137,14 @@ export default async function BuildDetailPage({
</div>

{build.status === "SUCCESS" && (
<div className="flex flex-col gap-2 w-full sm:w-auto sm:items-end">
<div className="grid gap-2 items-end">
{/* Python or fallback single artifact */}
{build.artifactUrl &&
!build.artifactUrlLinux &&
!build.artifactUrlWin && (
<a
href={build.artifactUrl}
className="btn btn-primary px-5 py-2 text-sm flex items-center justify-center gap-2 no-underline w-full sm:w-auto"
className="btn btn-primary px-5 py-2 text-sm grid grid-flow-col auto-cols-max items-center gap-2 no-underline"
>
<Download size={16} /> Download Artifact
</a>
Expand All @@ -153,15 +153,15 @@ export default async function BuildDetailPage({
{build.artifactUrlLinux && (
<a
href={build.artifactUrlLinux}
className="btn btn-primary px-5 py-2 text-sm flex items-center justify-center gap-2 no-underline w-full sm:w-auto"
className="btn btn-primary px-5 py-2 text-sm grid grid-flow-col auto-cols-max items-center gap-2 no-underline"
>
<Download size={16} /> 🐧 Linux (.so)
</a>
)}
{build.artifactUrlWin && (
<a
href={build.artifactUrlWin}
className="btn btn-secondary px-5 py-2 text-sm flex items-center justify-center gap-2 no-underline w-full sm:w-auto"
className="btn btn-secondary px-5 py-2 text-sm grid grid-flow-col auto-cols-max items-center gap-2 no-underline"
>
<Download size={16} /> 🪟 Windows (.dll)
</a>
Expand All @@ -171,7 +171,7 @@ export default async function BuildDetailPage({
{/* C++ build in progress indicators */}
{build.status === "RUNNING" &&
(build.winBuildStatus || build.linuxBuildStatus) && (
<div className="flex flex-col gap-1 items-start sm:items-end text-xs w-full sm:w-auto">
<div className="grid gap-1 items-end text-xs">
{build.linuxBuildStatus && (
<span
className={
Expand Down Expand Up @@ -214,13 +214,12 @@ export default async function BuildDetailPage({

{/* Metadata Grid */}
<div className="grid grid-cols-[repeat(auto-fit,minmax(160px,1fr))] gap-4 mt-5 pt-5 border-t border-border">
<div className="min-w-0">
<div>
<div className="text-[0.6875rem] text-text-muted uppercase tracking-wider mb-1">
Branch
</div>
<div className="flex items-center gap-1 font-medium text-text-primary text-sm min-w-0">
<GitBranch size={14} className="text-brand shrink-0" />
<span className="truncate">{build.branch}</span>
<div className="grid grid-flow-col auto-cols-max items-center gap-1 font-medium text-text-primary text-sm">
<GitBranch size={14} className="text-brand" /> {build.branch}
</div>
</div>
<div>
Expand All @@ -235,8 +234,8 @@ export default async function BuildDetailPage({
<div className="text-[0.6875rem] text-text-muted uppercase tracking-wider mb-1">
Duration
</div>
<div className="flex items-center gap-1 font-medium text-text-primary text-sm">
<Clock size={14} className="text-brand shrink-0" />{" "}
<div className="grid grid-flow-col auto-cols-max items-center gap-1 font-medium text-text-primary text-sm">
<Clock size={14} className="text-brand" />{" "}
{build.duration ? `${build.duration}s` : "—"}
</div>
</div>
Expand Down Expand Up @@ -279,7 +278,7 @@ export default async function BuildDetailPage({

{/* Not Reviewed Warning */}
{!build.isRelease ? (
<div className="card px-4 lg:px-5 py-4 mt-6 flex items-start gap-3 border-l-4 border-warning bg-warning/5">
<div className="card px-4 lg:px-5 py-4 mt-6 grid grid-flow-col auto-cols-max items-center gap-3 border-l-4 border-warning bg-warning/5">
<AlertTriangle size={18} className="text-warning shrink-0" />
<span className="text-text-secondary text-sm">
<strong className="text-text-primary">NOT REVIEWED</strong> — This
Expand Down
2 changes: 1 addition & 1 deletion src/app/builds/[id]/submit/loading.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ export default function SubmitReviewLoading() {

<div>
<Skeleton width="4rem" height="0.875rem" className="mb-2" />
<div className="flex flex-wrap gap-2">
<div className="grid grid-flow-col auto-cols-max gap-2">
{Array.from({ length: 3 }, (_, i) => (
<Skeleton
key={i}
Expand Down
29 changes: 12 additions & 17 deletions src/app/builds/loading.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,27 +13,22 @@ export default function BuildsLoading() {
{Array.from({ length: 8 }, (_, i) => (
<div
key={i}
className={`flex items-center gap-4 p-4 ${
className={`grid grid-flow-col auto-cols-max items-center p-4 gap-4 ${
i < 7 ? "border-b border-border" : ""
}`}
>
<div className="w-1 h-10 bg-surface-secondary shrink-0 rounded-xs" />
<div className="flex-1 min-w-0">
<Skeleton width="8rem" height="1.125rem" className="mb-2" />
<div className="flex flex-wrap gap-3">
<Skeleton width="4rem" height="0.75rem" />
<Skeleton width="3.5rem" height="0.75rem" />
<Skeleton width="2rem" height="0.75rem" />
</div>
</div>
<div className="flex flex-col items-end gap-1.5 shrink-0 ml-auto">
<Skeleton
width="4rem"
height="1.25rem"
borderRadius="var(--radius-full)"
/>
<Skeleton width="3rem" height="0.75rem" />
<div>
<Skeleton width="60%" height="0.875rem" className="mb-1" />
<Skeleton width="30%" height="0.75rem" className="mb-1" />
<Skeleton width="40%" height="0.75rem" />
</div>
<Skeleton width="5rem" height="0.875rem" />
<Skeleton
width="4rem"
height="1.5rem"
borderRadius="var(--radius-full)"
/>
<Skeleton width="3rem" height="0.875rem" />
</div>
))}
</div>
Expand Down
Loading
Loading