Skip to content

feat: RSS-SE-06 implement auth pages layout - #5

Merged
FierceSloth merged 2 commits into
feature/authfrom
story/RSS-SE-06_implementAuthPagesLayout
Jun 29, 2026
Merged

FierceSloth merged 2 commits into
feature/authfrom
story/RSS-SE-06_implementAuthPagesLayout

Conversation

@FierceSloth

Copy link
Copy Markdown
Owner

📋 Trello Task ID

  • RSS-SE-06 (Task ID / Trello Card)
  • No ID (Global fix or chore)

⚡️ Summary

  • Add AuthForm feature component with login/register variants
  • Implement SignIn and SignUp pages using FSD methodology
  • Add localization (ru/en) for auth forms

🛠 Type of change

  • feat (New feature)
  • fix (Bug fix)
  • refactor (Code improvement / Refactoring without changing logic)
  • style (Formatting, CSS)
  • docs (Documentation)
  • chore (Configs, Build)
  • test (Testing)

📷 Screenshots / GIFs

image image image image

</div>

<form className={styles.form} onSubmit={onSubmit}>
<Input className={styles.input} label={t('emailLabel')} placeholder="name@domain.com" type="email" />

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

name and required is missing, but i can add them myself

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In the next PR with ID 07, I’ll be using react-hook-form, where the ‘name’ attribute for the input fields will be populated automatically

{isRegister && (
<Input className={styles.input} label={t('confirmPasscodeLabel')} placeholder="••••••••" type="password" />
)}
<Button className={styles.button}>

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

type of button is missing

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for pointing that out; I’ve fixed it in the new PR

Comment on lines +39 to +42
<Input className={styles.input} label={t('passcodeLabel')} placeholder="••••••••" type="password" />
{isRegister && (
<Input className={styles.input} label={t('confirmPasscodeLabel')} placeholder="••••••••" type="password" />
)}

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good work, it's great that you integrated next-intl

Comment on lines +42 to +43
padding-top: 0.875rem;
padding-bottom: 0.875rem;

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It might be better to use px here instead of rem, so that paddings doesn't change depending on the font-size

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That was the whole point – for the dimensions to change according to the screen width))

@@ -0,0 +1,65 @@
.card {
border-radius: var(--radius-card);
padding: 2.5rem;

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It might be better to use px here instead of rem, so that paddings doesn't change depending on the font-size

Comment thread messages/en.json
Comment on lines +9 to +25
"title": "Sign In",
"subtitle": "Enter your credentials to access the AURA core.",
"emailLabel": "Email Address",
"passcodeLabel": "Access Passcode",
"submitButton": "SIGN IN",
"switchText": "Don't have an account?",
"switchLink": "Sign Up"
},
"Register": {
"title": "Sign Up"
"title": "Sign Up",
"subtitle": "Establish your secure presence within the AURA network.",
"emailLabel": "Email Address",
"passcodeLabel": "Access Passcode",
"confirmPasscodeLabel": "Confirm Passcode",
"submitButton": "SIGN UP",
"switchText": "Already have an account?",
"switchLink": "Sign In"

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good work)

Comment thread messages/ru.json
Comment on lines +9 to +25
"title": "Вход",
"subtitle": "Введите ваши данные для доступа к ядру AURA.",
"emailLabel": "Адрес электронной почты",
"passcodeLabel": "Пароль",
"submitButton": "ВОЙТИ",
"switchText": "Нет аккаунта?",
"switchLink": "Регистрация"
},
"Register": {
"title": "Регистрация"
"title": "Регистрация",
"subtitle": "Создайте своё защищённое присутствие в сети AURA.",
"emailLabel": "Адрес электронной почты",
"passcodeLabel": "Пароль",
"confirmPasscodeLabel": "Подтвердите пароль",
"submitButton": "ЗАРЕГИСТРИРОВАТЬСЯ",
"switchText": "Уже есть аккаунт?",
"switchLink": "Войти"

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good work)

@FierceSloth
FierceSloth merged commit ca45d81 into feature/auth Jun 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants