diff --git a/frontend/src/pages/LoginPage.tsx b/frontend/src/pages/LoginPage.tsx index 532c820..33f5310 100644 --- a/frontend/src/pages/LoginPage.tsx +++ b/frontend/src/pages/LoginPage.tsx @@ -24,6 +24,7 @@ import AlertModal from '../components/AlertModal'; import ConfirmationModal from '../components/ConfirmationModal'; import { useAuth } from '../contexts/AuthContext'; import { useLanguage } from '../contexts/LanguageContext'; +import { useVisitorMode } from '../contexts/VisitorModeContext'; import getTheme from '../theme'; import { getWebAuthnErrorTranslationKey } from '../utils/translations'; @@ -42,6 +43,7 @@ const LoginPage: React.FC = () => { const [resetPasswordCooldown, setResetPasswordCooldown] = useState(0); // in milliseconds const { t } = useLanguage(); const { login } = useAuth(); + const { visitorMode } = useVisitorMode(); const queryClient = useQueryClient(); // Fetch website name and settings from settings @@ -398,7 +400,12 @@ const LoginPage: React.FC = () => { {websiteName} - {websiteName !== 'MyTube' && ( + {visitorMode && ( + + {t('visitorMode')} + + )} + {websiteName !== 'MyTube' && !visitorMode && ( Powered by MyTube @@ -453,7 +460,7 @@ const LoginPage: React.FC = () => { > {loginMutation.isPending ? (t('verifying') || 'Verifying...') : t('signIn')} - {passkeysExist && ( + {passkeysExist && !visitorMode && ( <> OR )} - {allowResetPassword && ( + {allowResetPassword && !visitorMode && (