TDvorak/Trackeep
1
0
Fork 0
mirror of https://github.com/Dvorinka/Trackeep.git synced 2026-06-04 04:22:57 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Configure Docker publishing with correct GitHub username

Browse Source
This commit is contained in:
Tomas Dvorak
2026-02-27 17:34:20 +01:00
parent 4c812e376d
commit 0a80ecd9f7
138 changed files with 12130 additions and 7831 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/ui/FilePreviewModal.tsx
+30 -31
View File
@@ -1,6 +1,8 @@
import { createSignal } from 'solid-js';
import { Button } from '@/components/ui/Button';
import { ModalPortal } from '@/components/ui/ModalPortal';
import { IconX, IconDownload, IconExternalLink, IconEye, IconFile, IconCode, IconFileText, IconAlertTriangle, IconMusic, IconFileDescription, IconChartBar, IconChartLine } from '@tabler/icons-solidjs';
import { isDemoMode } from '@/lib/demo-mode';
interface FilePreviewModalProps {
isOpen: boolean;
@@ -168,12 +170,7 @@ export const FilePreviewModal = (props: FilePreviewModalProps) => {
};
const handleDownload = () => {
// Check if we're in demo mode
const isDemoMode = localStorage.getItem('demoMode') === 'true' ||
document.title.includes('Demo Mode') ||
window.location.search.includes('demo=true');
if (isDemoMode) {
if (isDemoMode()) {
// Simulate download in demo mode
alert(`Download simulated for: ${props.file.name}\n\nIn production, this would download the actual file.`);
return;
@@ -190,31 +187,32 @@ export const FilePreviewModal = (props: FilePreviewModalProps) => {
};
return (
<>
{/* Backdrop */}
{props.isOpen && (
<div class="fixed inset-0 bg-black/50 z-40 mt-0" onClick={props.onClose} />
)}
<ModalPortal>
<>
{/* Backdrop */}
{props.isOpen && (
<div class="fixed inset-0 bg-black/50 z-40" onClick={props.onClose} />
)}
{/* Modal */}
<div class={`fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-card border border-border rounded-lg shadow-xl transition-all duration-300 z-50 ${
props.isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-95 pointer-events-none'
}`} style="width: 900px; max-width: 95vw; max-height: 85vh;">
{/* Header */}
<div class="flex items-center justify-between p-6 border-b border-border">
<div class="flex items-center gap-3 flex-1 min-w-0">
<h3 class="text-lg font-semibold truncate">{props.file?.name}</h3>
<span class="text-sm text-muted-foreground flex-shrink-0">
{props.file?.size ? formatFileSize(props.file.size) : 'Unknown size'}
</span>
{/* Modal */}
<div class={`fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-card border border-border rounded-lg shadow-xl transition-all duration-300 z-50 ${
props.isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-95 pointer-events-none'
}`} style="width: 900px; max-width: 95vw; max-height: 85vh;">
{/* Header */}
<div class="flex items-center justify-between p-6 border-b border-border">
<div class="flex items-center gap-3 flex-1 min-w-0">
<h3 class="text-lg font-semibold truncate">{props.file?.name}</h3>
<span class="text-sm text-muted-foreground flex-shrink-0">
{props.file?.size ? formatFileSize(props.file.size) : 'Unknown size'}
</span>
</div>
<button
onClick={props.onClose}
class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-shadow focus-visible:outline-none focus-visible:ring-1.5 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-inherit hover:bg-accent/50 hover:text-accent-foreground h-8 w-8 flex-shrink-0"
>
<IconX class="size-4" />
</button>
</div>
<button
onClick={props.onClose}
class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-shadow focus-visible:outline-none focus-visible:ring-1.5 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-inherit hover:bg-accent/50 hover:text-accent-foreground h-8 w-8 flex-shrink-0"
>
<IconX class="size-4" />
</button>
</div>
{/* Preview Area */}
<div class="p-6" style="height: 500px;">
@@ -251,7 +249,8 @@ export const FilePreviewModal = (props: FilePreviewModalProps) => {
</Button>
</div>
</div>
</div>
</>
</div>
</>
</ModalPortal>
);
};