-
+
-
+
setAccessCode(e.target.value)}
- className="input-field pl-11"
- placeholder={t('room.guestAccessCodePlaceholder')}
+ value={name}
+ onChange={e => !isLoggedIn && setName(e.target.value)}
+ readOnly={isLoggedIn}
+ className={`input-field pl-11 ${isLoggedIn ? 'opacity-70 cursor-not-allowed' : ''}`}
+ placeholder={t('room.guestNamePlaceholder')}
+ required
+ autoFocus={!isLoggedIn}
/>
- )}
-
-
-
-
{t('room.guestRecordingNotice')}
+ {roomInfo.has_access_code && (
+
+
+
+
+ setAccessCode(e.target.value)}
+ className="input-field pl-11"
+ placeholder={t('room.guestAccessCodePlaceholder')}
+ />
+
-
-
- )}
-
-
- {!status.running && (
-
- {t('room.guestWaitingMessage')}
-
- )}
-
+
+
+
+
+ setModeratorCode(e.target.value)}
+ className="input-field pl-11"
+ placeholder={t('room.guestModeratorPlaceholder')}
+ />
+
+
+
+ {/* Recording consent notice */}
+ {roomInfo.allow_recording && (
+
+
+
+
{t('room.guestRecordingNotice')}
+
+
+
+ )}
+
+
+
+ {!status.running && !roomInfo?.anyone_can_start && (
+
+ {t('room.guestWaitingMessage')}
+
+ )}
+
)}
{!isLoggedIn && (