feat: add save button and change russian language to english
This commit is contained in:
parent
668479ae3c
commit
634afa98d5
BIN
public/Save-icon.png
Normal file
BIN
public/Save-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
@ -71,13 +71,13 @@ function EmailEnterPage(): JSX.Element {
|
|||||||
/>
|
/>
|
||||||
<p>{t('we_dont_share')}</p>
|
<p>{t('we_dont_share')}</p>
|
||||||
<Policy sizing='medium'>
|
<Policy sizing='medium'>
|
||||||
{t('continue_agree', {
|
{t('_continue_agree', {
|
||||||
eulaLink: <a href='https://aura.wit.life/terms' target='_blank' rel='noopener noreferrer'>{t('eula')}</a>,
|
eulaLink: <a href='https://aura.wit.life/terms' target='_blank' rel='noopener noreferrer'>{t('eula')}</a>,
|
||||||
privacyLink: <a href='https://aura.wit.life/privacy' target='_blank' rel='noopener noreferrer'>{t('privacy_policy')}</a>,
|
privacyLink: <a href='https://aura.wit.life/privacy' target='_blank' rel='noopener noreferrer'>{t('privacy_policy')}</a>,
|
||||||
})}
|
})}
|
||||||
</Policy>
|
</Policy>
|
||||||
<MainButton onClick={handleClick} disabled={isDisabled}>
|
<MainButton onClick={handleClick} disabled={isDisabled}>
|
||||||
{isLoading ? <Loader color={LoaderColor.White} /> : t('continue')}
|
{isLoading ? <Loader color={LoaderColor.White} /> : t('_continue')}
|
||||||
</MainButton>
|
</MainButton>
|
||||||
<ErrorText size='medium' isShown={Boolean(error)} message={error ? extractErrorMessage(error) : null} />
|
<ErrorText size='medium' isShown={Boolean(error)} message={error ? extractErrorMessage(error) : null} />
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@ -74,7 +74,7 @@ function HomePage(): JSX.Element {
|
|||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
className={`${styles.page} page`}
|
className={`${styles.page} page`}
|
||||||
style={{ backgroundImage: `url(${asset?.url})` }}
|
style={{ backgroundImage: `url(${asset?.url.replace('http://', 'https://')})` }}
|
||||||
>
|
>
|
||||||
<div className={styles.header}>
|
<div className={styles.header}>
|
||||||
<BlurringSubstrate>
|
<BlurringSubstrate>
|
||||||
@ -88,6 +88,9 @@ function HomePage(): JSX.Element {
|
|||||||
{aura && <EnergyValues values={aura.stats} />}
|
{aura && <EnergyValues values={aura.stats} />}
|
||||||
</div>
|
</div>
|
||||||
</BlurringSubstrate>
|
</BlurringSubstrate>
|
||||||
|
<div className={styles["header__save"]}>
|
||||||
|
<a href={asset?.url.replace('http://', 'https://')} download></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.content}>
|
<div className={styles.content}>
|
||||||
<div className={styles["content__buttons"]}>
|
<div className={styles["content__buttons"]}>
|
||||||
|
|||||||
@ -15,6 +15,8 @@
|
|||||||
.header {
|
.header {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header__energies {
|
.header__energies {
|
||||||
@ -49,6 +51,28 @@
|
|||||||
animation: pulse 1s alternate infinite;
|
animation: pulse 1s alternate infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header__save {
|
||||||
|
position: relative;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 70%;
|
||||||
|
background-image: url("/Save-icon.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center;
|
||||||
|
-webkit-backdrop-filter: blur(14px);
|
||||||
|
background-color: #ffffff69;
|
||||||
|
backdrop-filter: blur(14px);
|
||||||
|
border-radius: 100%;
|
||||||
|
cursor: pointer;
|
||||||
|
background-blend-mode: exclusion;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header__save > a {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.content__buttons {
|
.content__buttons {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -57,12 +81,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.content__buttons-item {
|
.content__buttons-item {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
border: solid #7b7570 2px;
|
border: solid #7b7570 2px;
|
||||||
border-radius: 25px !important;
|
border-radius: 25px !important;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes pulse {
|
@keyframes pulse {
|
||||||
|
|||||||
@ -24,8 +24,10 @@ export default {
|
|||||||
your_email: "Your email",
|
your_email: "Your email",
|
||||||
we_dont_share: "We don't share any personal information.",
|
we_dont_share: "We don't share any personal information.",
|
||||||
continue_agree: 'By clicking "Continue" below, you agree to our <eulaLink> and <privacyLink>.',
|
continue_agree: 'By clicking "Continue" below, you agree to our <eulaLink> and <privacyLink>.',
|
||||||
|
_continue_agree: `By clicking "Continue" below you agree to Hint's EULA and Privacy Policy.`,
|
||||||
privacy_policy: "Privacy Policy",
|
privacy_policy: "Privacy Policy",
|
||||||
continue: 'Continue',
|
continue: 'Continue',
|
||||||
|
_continue: 'Continue',
|
||||||
app_name: "Aura",
|
app_name: "Aura",
|
||||||
unexpected_error: 'Sorry, an unexpected error has occurred.',
|
unexpected_error: 'Sorry, an unexpected error has occurred.',
|
||||||
oops: "Oops!",
|
oops: "Oops!",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user