Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(Intro): added missing translation keys

Browse source
This commit is contained in:
Botzy 2025-05-23 18:18:35 +03:00
parent 5f81804b00
commit 789173bb5b
2 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/routes/Intro/Intro.js
View file

@ -299,10 +299,10 @@ const Intro = ({ queryParams }) => {
<Image className={styles['logo']} src={require('/images/logo.png')} alt={' '} /> <Image className={styles['logo']} src={require('/images/logo.png')} alt={' '} />
</div> </div>
<div className={styles['title-container']}> <div className={styles['title-container']}>
Freedom to Stream {t('WEBSITE_SLOGAN_NEW_NEW')}
</div> </div>
<div className={styles['slogan-container']}> <div className={styles['slogan-container']}>
All the Video Content You Enjoy in One Place {t('WEBSITE_SLOGAN_ALL')}
</div> </div>
</div> </div>
<div className={styles['content-container']}> <div className={styles['content-container']}>
@ -362,7 +362,7 @@ const Intro = ({ queryParams }) => {
</React.Fragment> </React.Fragment>
: :
<div className={styles['forgot-password-link-container']}> <div className={styles['forgot-password-link-container']}>
<Button className={styles['forgot-password-link']} onClick={openPasswordRestModal}>Forgot password?</Button> <Button className={styles['forgot-password-link']} onClick={openPasswordRestModal}>{t('FORGOT_PASSWORD')}</Button>
</div> </div>
} }
{ {
@ -372,22 +372,22 @@ const Intro = ({ queryParams }) => {
null null
} }
<Button className={classnames(styles['form-button'], styles['submit-button'])} onClick={state.form === SIGNUP_FORM ? signup : loginWithEmail}> <Button className={classnames(styles['form-button'], styles['submit-button'])} onClick={state.form === SIGNUP_FORM ? signup : loginWithEmail}>
<div className={styles['label']}>{state.form === SIGNUP_FORM ? 'Sign up' : 'Log in'}</div> <div className={styles['label']}>{state.form === SIGNUP_FORM ? t('SIGN_UP') : t('LOG_IN')}</div>
</Button> </Button>
</div> </div>
<div className={styles['options-container']}> <div className={styles['options-container']}>
<Button className={classnames(styles['form-button'], styles['facebook-button'])} onClick={loginWithFacebook}> <Button className={classnames(styles['form-button'], styles['facebook-button'])} onClick={loginWithFacebook}>
<Icon className={styles['icon']} name={'facebook'} /> <Icon className={styles['icon']} name={'facebook'} />
<div className={styles['label']}>Continue with Facebook</div> <div className={styles['label']}>{t('FB_LOGIN')}</div>
</Button> </Button>
<Button className={classnames(styles['form-button'], styles['apple-button'])} onClick={loginWithApple}> <Button className={classnames(styles['form-button'], styles['apple-button'])} onClick={loginWithApple}>
<Icon className={styles['icon']} name={'macos'} /> <Icon className={styles['icon']} name={'macos'} />
<div className={styles['label']}>Continue with Apple</div> <div className={styles['label']}>{t('APPLE_LOGIN')}</div>
</Button> </Button>
{ {
state.form === SIGNUP_FORM ? state.form === SIGNUP_FORM ?
<Button className={classnames(styles['form-button'], styles['login-form-button'])} onClick={switchFormOnClick}> <Button className={classnames(styles['form-button'], styles['login-form-button'])} onClick={switchFormOnClick}>
<div className={styles['label']}>LOG IN</div> <div className={classnames(styles['label'], styles['uppercase'])}>{t('LOG_IN')}</div>
</Button> </Button>
: :
null null
@ -395,7 +395,7 @@ const Intro = ({ queryParams }) => {
{ {
state.form === LOGIN_FORM ? state.form === LOGIN_FORM ?
<Button className={classnames(styles['form-button'], styles['signup-form-button'])} onClick={switchFormOnClick}> <Button className={classnames(styles['form-button'], styles['signup-form-button'])} onClick={switchFormOnClick}>
<div className={styles['label']}>SIGN UP WITH EMAIL</div> <div className={classnames(styles['label'], styles['uppercase'])}>{t('SIGN_UP_EMAIL')}</div>
</Button> </Button>
: :
null null
@ -403,7 +403,7 @@ const Intro = ({ queryParams }) => {
{ {
state.form === SIGNUP_FORM ? state.form === SIGNUP_FORM ?
<Button className={classnames(styles['form-button'], styles['guest-login-button'])} onClick={loginAsGuest}> <Button className={classnames(styles['form-button'], styles['guest-login-button'])} onClick={loginAsGuest}>
<div className={styles['label']}>GUEST LOGIN</div> <div className={classnames(styles['label'], styles['uppercase'])}>{t('GUEST_LOGIN')}</div>
</Button> </Button>
: :
null null
@ -421,7 +421,7 @@ const Intro = ({ queryParams }) => {
<Modal className={styles['loading-modal-container']}> <Modal className={styles['loading-modal-container']}>
<div className={styles['loader-container']}> <div className={styles['loader-container']}>
<Icon className={styles['icon']} name={'person'} /> <Icon className={styles['icon']} name={'person'} />
<div className={styles['label']}>Authenticating...</div> <div className={styles['label']}>{t('AUTHENTICATING')}</div>
<Button className={styles['button']} onClick={cancelLoginWithFacebook && cancelLoginWithApple}> <Button className={styles['button']} onClick={cancelLoginWithFacebook && cancelLoginWithApple}>
{t('BUTTON_CANCEL')} {t('BUTTON_CANCEL')}
</Button> </Button>

4
src/routes/Intro/styles.less
View file

@ -101,6 +101,10 @@
color: var(--primary-foreground-color); color: var(--primary-foreground-color);
text-align: center; text-align: center;
} }
.uppercase {
text-transform: uppercase;
}
} }
.submit-button, .guest-login-button, .signup-form-button, .login-form-button { .submit-button, .guest-login-button, .signup-form-button, .login-form-button {