mirror of
https://github.com/Dvorinka/Containr.git
synced 2026-10-28 07:41:27 +00:00
Tomas DvorakandDevin
8b6214a0f5
Projects become publicly browsable after admin approval; management and secret-adjacent reads (logs, variables, exec, connection URLs) require owner/member/admin auth, and platform controls sit behind RequireAdmin. - Backend: OptionalAuth middleware, read/authed/admin route groups, projects.is_approved + service_templates.owner_id migration, visibility-aware sqlc queries, admin overview/users/approval endpoints, EnsureAdminAccount bootstrap (ADMIN_* env), 30 seeded templates with owner CRUD, managed-database connection URLs gated owner+admin, fix DB.Stats() infinite recursion. - Frontend: expandable persisted sidebar + clickable user menu, public landing page with searchable docs browser (GitHub sync, bundled snapshot + localStorage fallback), DocsBrowser shared with /docs, template create/edit/JSON-upload for owned templates, database create dialog, admin console (stats, approvals, project edit/delete, user admin toggles), HA/Security/Usage polish with dead CSS tokens mapped to real theme vars, anonymous-safe gating on every mutation control. - Tests: safe window.localStorage access fixes happy-dom crashes in PlatformShell and canvas storage. Generated with [Devin](https://devin.ai) Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
52 lines
1.5 KiB
TypeScript
52 lines
1.5 KiB
TypeScript
interface LoadingSpinnerProps {
|
|
size?: 'sm' | 'md' | 'lg';
|
|
className?: string;
|
|
}
|
|
|
|
export function LoadingSpinner({ size = 'md', className = '' }: LoadingSpinnerProps) {
|
|
const sizeClasses = {
|
|
sm: 'w-4 h-4 border-2',
|
|
md: 'w-8 h-8 border-2',
|
|
lg: 'w-12 h-12 border-3',
|
|
};
|
|
|
|
return (
|
|
<div
|
|
className={`${sizeClasses[size]} border-[var(--border-subtle)] border-t-[var(--accent-primary)] rounded-full animate-spin ${className}`}
|
|
role="status"
|
|
aria-label="Loading"
|
|
>
|
|
<span className="sr-only">Loading...</span>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
interface LoadingOverlayProps {
|
|
message?: string;
|
|
}
|
|
|
|
export function LoadingOverlay({ message = 'Loading...' }: LoadingOverlayProps) {
|
|
return (
|
|
<div className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50">
|
|
<div className="bg-[var(--bg-primary)] border border-[var(--border-subtle)] rounded-lg p-6 flex flex-col items-center gap-4">
|
|
<LoadingSpinner size="lg" />
|
|
<p className="text-sm text-[var(--text-secondary)]">{message}</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
interface LoadingStateProps {
|
|
message?: string;
|
|
className?: string;
|
|
}
|
|
|
|
export function LoadingState({ message = 'Loading...', className = '' }: LoadingStateProps) {
|
|
return (
|
|
<div className={`flex flex-col items-center justify-center gap-3 py-12 ${className}`}>
|
|
<LoadingSpinner size="md" />
|
|
<p className="text-sm text-[var(--text-secondary)]">{message}</p>
|
|
</div>
|
|
);
|
|
}
|