dillon_stuff/TalkEdit
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

added free trial timer at welcome screen

Browse Source
This commit is contained in:
dillonj
2026-05-06 01:43:55 -06:00
parent 835719a907
commit 91217f6db0
1 changed files with 88 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/App.tsx
View File

@ -33,6 +33,8 @@ import {
MapPin,
Music,
ListVideo,
Clock,
AlertTriangle,
} from 'lucide-react';
const LAST_MEDIA_PATH_KEY = 'talkedit:lastMediaPath';
@ -136,6 +138,8 @@ export default function App() {
const [lastSavedSignature, setLastSavedSignature] = useState<string | null>(null);
const [showFileMenu, setShowFileMenu] = useState(false);
const canEdit = useLicenseStore((s) => s.canEdit);
const licenseStatus = useLicenseStore((s) => s.status);
const setShowLicenseDialog = useLicenseStore((s) => s.setShowDialog);
const projectSignature = useMemo(() => {
if (!videoPath) return null;
@ -505,7 +509,8 @@ export default function App() {
if (!videoPath) {
return (
<div className="h-screen flex flex-col items-center justify-center gap-8 bg-editor-bg px-6">
<div className="h-screen flex flex-col bg-editor-bg">
<div className="flex-1 flex flex-col items-center justify-center gap-8 px-6">
<div className="flex flex-col items-center gap-3">
<Film className="w-14 h-14 text-editor-accent opacity-80" />
<h1 className="text-3xl font-semibold tracking-tight">TalkEdit</h1>
@ -564,6 +569,35 @@ export default function App() {
</button>
</div>
</div>
{licenseStatus?.tag === 'Trial' && (
<div className="h-9 flex items-center justify-center gap-2 px-4 bg-editor-accent/10 border-t border-editor-accent/20 shrink-0">
<Clock className="w-3.5 h-3.5 text-editor-accent shrink-0" />
<span className="text-xs text-editor-accent">
Free trial: {licenseStatus.days_remaining} day{licenseStatus.days_remaining !== 1 ? 's' : ''} remaining
</span>
<button
onClick={() => setShowLicenseDialog(true)}
className="text-xs text-editor-accent underline font-medium hover:text-editor-accent-hover ml-2"
>
Activate license
</button>
</div>
)}
{licenseStatus?.tag === 'Expired' && (
<div className="h-9 flex items-center justify-center gap-2 px-4 bg-red-500/15 border-t border-red-500/30 shrink-0">
<AlertTriangle className="w-3.5 h-3.5 text-red-400 shrink-0" />
<span className="text-xs text-red-300">Trial expired</span>
<button
onClick={() => setShowLicenseDialog(true)}
className="text-xs text-red-300 underline font-medium hover:text-red-200 ml-2"
>
Activate license
</button>
</div>
)}
</div>
);
}