diff --git a/src/components/Welcome.tsx b/src/components/Welcome.tsx index ec6b3bc..49b4d30 100644 --- a/src/components/Welcome.tsx +++ b/src/components/Welcome.tsx @@ -11,10 +11,7 @@ export const Welcome: React.FC = () => {

- Create Presentation - - - Browse Themes + Get started with a new presentation
diff --git a/src/components/presentations/CreationActions.tsx b/src/components/presentations/CreationActions.tsx index f68b8dc..aae581f 100644 --- a/src/components/presentations/CreationActions.tsx +++ b/src/components/presentations/CreationActions.tsx @@ -53,7 +53,7 @@ export const CreationActions: React.FC = ({ onClick={onCreate} className="button primary" type="button" - disabled={!selectedTheme || !presentationTitle.trim() || creating} + disabled={!selectedTheme || presentationTitle.trim().length < 3 || creating} > {creating ? 'Creating...' : 'Create Presentation'} diff --git a/src/components/presentations/NewPresentationPage.tsx b/src/components/presentations/NewPresentationPage.tsx index 275c82f..d8719b9 100644 --- a/src/components/presentations/NewPresentationPage.tsx +++ b/src/components/presentations/NewPresentationPage.tsx @@ -34,9 +34,10 @@ export const NewPresentationPage: React.FC = () => { const discoveredThemes = await getThemes(); setThemes(discoveredThemes); - // Auto-select first theme if available + // Auto-select default theme or first theme if available if (discoveredThemes.length > 0) { - setSelectedTheme(discoveredThemes[0]); + const defaultTheme = discoveredThemes.find(theme => theme.id === 'default') || discoveredThemes[0]; + setSelectedTheme(defaultTheme); } } catch (err) { setError(err instanceof Error ? err.message : 'Failed to load themes'); @@ -58,10 +59,10 @@ export const NewPresentationPage: React.FC = () => { return; } - if (!presentationTitle.trim()) { + if (presentationTitle.trim().length < 3) { setAlertDialog({ isOpen: true, - message: 'Please enter a title for your presentation', + message: 'Please enter a title with at least 3 characters', type: 'warning' }); return; @@ -139,16 +140,20 @@ export const NewPresentationPage: React.FC = () => { onDescriptionChange={setPresentationDescription} /> - +
+ +
- +
+ +