Skip to content

Commit 6059c9d

Browse files
amethystaniamethystani
committed
fixed build
1 parent 8a59f41 commit 6059c9d

File tree

1 file changed

+68
-69
lines changed

1 file changed

+68
-69
lines changed

‎src/components/DemoCall/WelcomeManager.tsx‎

Lines changed: 68 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -212,77 +212,75 @@ export default function WelcomeManager({ isDark = true }: WelcomeManagerProps) {
212212
<div className="md:w-7/12 p-6 md:p-8 flex flex-col justify-center">
213213
<div className="space-y-6">
214214
<div>
215-
<div>
216-
<label className={cn(
217-
"block text-xs font-medium mb-1.5 uppercase tracking-wider",
218-
isDark ? "text-white/40" : "text-black/40"
219-
)}>
220-
{t('welcome.sessionName')}
221-
</label>
222-
<input
223-
type="text"
224-
value={newSessionName}
225-
onChange={(e) => setNewSessionName(e.target.value)}
226-
placeholder={t('welcome.sessionNamePlaceholder')}
227-
autoFocus
228-
className={cn(
229-
"w-full px-4 py-3 rounded-xl text-sm transition-all",
230-
"focus:outline-none focus:ring-1",
231-
isDark
232-
? "bg-white/5 border border-white/10 text-white placeholder-white/20 focus:ring-white/20"
233-
: "bg-black/5 border border-black/10 text-black placeholder-black/20 focus:ring-black/20"
234-
)}
235-
/>
236-
</div>
215+
<label className={cn(
216+
"block text-xs font-medium mb-1.5 uppercase tracking-wider",
217+
isDark ? "text-white/40" : "text-black/40"
218+
)}>
219+
{t('welcome.sessionName')}
220+
</label>
221+
<input
222+
type="text"
223+
value={newSessionName}
224+
onChange={(e) => setNewSessionName(e.target.value)}
225+
placeholder={t('welcome.sessionNamePlaceholder')}
226+
autoFocus
227+
className={cn(
228+
"w-full px-4 py-3 rounded-xl text-sm transition-all",
229+
"focus:outline-none focus:ring-1",
230+
isDark
231+
? "bg-white/5 border border-white/10 text-white placeholder-white/20 focus:ring-white/20"
232+
: "bg-black/5 border border-black/10 text-black placeholder-black/20 focus:ring-black/20"
233+
)}
234+
/>
235+
</div>
237236

238-
<div>
239-
<label className={cn(
240-
"block text-xs font-medium mb-1.5 uppercase tracking-wider",
241-
isDark ? "text-white/40" : "text-black/40"
242-
)}>
243-
{t('welcome.description')} <span className="opacity-50">{t('welcome.descriptionOptional')}</span>
244-
</label>
245-
<textarea
246-
value={newSessionDescription}
247-
onChange={(e) => setNewSessionDescription(e.target.value)}
248-
placeholder={t('welcome.descriptionPlaceholder')}
249-
rows={3}
250-
className={cn(
251-
"w-full px-4 py-3 rounded-xl text-sm transition-all resize-none",
252-
"focus:outline-none focus:ring-1",
253-
isDark
254-
? "bg-white/5 border border-white/10 text-white placeholder-white/20 focus:ring-white/20"
255-
: "bg-black/5 border border-black/10 text-black placeholder-black/20 focus:ring-black/20"
256-
)}
257-
/>
258-
</div>
237+
<div>
238+
<label className={cn(
239+
"block text-xs font-medium mb-1.5 uppercase tracking-wider",
240+
isDark ? "text-white/40" : "text-black/40"
241+
)}>
242+
{t('welcome.description')} <span className="opacity-50">{t('welcome.descriptionOptional')}</span>
243+
</label>
244+
<textarea
245+
value={newSessionDescription}
246+
onChange={(e) => setNewSessionDescription(e.target.value)}
247+
placeholder={t('welcome.descriptionPlaceholder')}
248+
rows={3}
249+
className={cn(
250+
"w-full px-4 py-3 rounded-xl text-sm transition-all resize-none",
251+
"focus:outline-none focus:ring-1",
252+
isDark
253+
? "bg-white/5 border border-white/10 text-white placeholder-white/20 focus:ring-white/20"
254+
: "bg-black/5 border border-black/10 text-black placeholder-black/20 focus:ring-black/20"
255+
)}
256+
/>
257+
</div>
259258

260-
<div className="pt-4 flex gap-3">
261-
<button
262-
onClick={skipSetup}
263-
className={cn(
264-
"flex-1 px-4 py-3 rounded-xl text-sm font-medium transition-colors",
265-
isDark
266-
? "bg-white/5 hover:bg-white/10 text-white/70"
267-
: "bg-black/5 hover:bg-black/10 text-black/70"
268-
)}
269-
>
270-
{t('welcome.skip')}
271-
</button>
272-
<button
273-
onClick={createNewSession}
274-
disabled={!newSessionName.trim() || isLoading}
275-
className={cn(
276-
"flex-1 px-4 py-3 rounded-xl text-sm font-medium transition-all",
277-
isDark
278-
? "bg-white text-black hover:bg-white/90"
279-
: "bg-black text-white hover:bg-black/90",
280-
"disabled:opacity-50 disabled:cursor-not-allowed shadow-lg hover:shadow-xl"
281-
)}
282-
>
283-
{isLoading ? t('welcome.creating') : t('welcome.create')}
284-
</button>
285-
</div>
259+
<div className="pt-4 flex gap-3">
260+
<button
261+
onClick={skipSetup}
262+
className={cn(
263+
"flex-1 px-4 py-3 rounded-xl text-sm font-medium transition-colors",
264+
isDark
265+
? "bg-white/5 hover:bg-white/10 text-white/70"
266+
: "bg-black/5 hover:bg-black/10 text-black/70"
267+
)}
268+
>
269+
{t('welcome.skip')}
270+
</button>
271+
<button
272+
onClick={createNewSession}
273+
disabled={!newSessionName.trim() || isLoading}
274+
className={cn(
275+
"flex-1 px-4 py-3 rounded-xl text-sm font-medium transition-all",
276+
isDark
277+
? "bg-white text-black hover:bg-white/90"
278+
: "bg-black text-white hover:bg-black/90",
279+
"disabled:opacity-50 disabled:cursor-not-allowed shadow-lg hover:shadow-xl"
280+
)}
281+
>
282+
{isLoading ? t('welcome.creating') : t('welcome.create')}
283+
</button>
286284
</div>
287285

288286
{/* Existing Sessions Quick Link */}
@@ -314,6 +312,7 @@ export default function WelcomeManager({ isDark = true }: WelcomeManagerProps) {
314312
)}
315313
</div>
316314
</div>
315+
</div>
317316
</motion.div>
318317
</motion.div>
319318
)}

0 commit comments

Comments
 (0)