Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ACC-50 Create edit profile page (first name, last name) #22

Draft
wants to merge 8 commits into
base: master
Choose a base branch
from

Conversation

OlegBrony
Copy link
Contributor

@OlegBrony OlegBrony commented Jul 27, 2021

re#50


  • I've read checklist and complete all requirements

что-то попытался сделать, разобраться как работать с моделями, находящимися рядом со страницей и в самой странице. @sergeysova, посмотри пожалуйста.
пока драфт, но уже нужен ревью. следующий шаг - закрепить повторить имплементацию для новой страницы, страницы редактирования имейла.
следующий шаг - добавить моки для всего этого добра. тоже нужна будет помощь.
вообще, помогите я ничего не умею 😢

--
стили.
сейчас страница редактирования выглядит так
image
не очень красиво, но, кажется, это сейчас не важно - нужно просто физически иметь возможность редактирования.
сейчас заниматься стилями не хочу - как минимум до момента обновления woly. сейчас используется старая версия - 0.1.10, я попытался обновить, но самая последняя версия не завелась. возможно, неправильно приготовил, но там, кажется, баги с дата аттрибутами (0 вместо false, 1 вместо true или наоборот). энивей, суть - пока на стили не обращайте внимания, потом будут исправлены (но не в рамках этого пр скорее всего)

adds pages and logic for changing profile. for now it's only the first form (first name, last name)

#50
@OlegBrony OlegBrony requested a review from sergeysova July 27, 2021 21:42
@linear
Copy link

linear bot commented Jul 27, 2021

ACC-50 Страница редактирования аккаунта пользователя

  • На страницу добавить форму изменения имени
    • Она не должна никуда редиректить, просто Имя, Фамилия и Изменить
    • В форме по умолчанию должны быть указаны текущие значения имени и фамилии
    • Обязательно блокировать поля и кнопку во время отправки запроса
    • Если поля заполнены не верно (пустые) не отправлять форму, а блокировать кнопку и показывать подпись под формой "Заполните имя и/или фамилию"
  • Можно добавить форму изменения email
    • Просто поле email, с предзаполненным старым email и поле Пароль
    • При нажатии Изменить также блокируется ввод и кнопка
    • После нажатия изменить, должна появиться подпись и галочка "На новую почту отправлено письмо для подтверждения"
    • Если пароль не верный, обязательно об этом сообщить пользователю, подписью под формой
    • (Закрыть форму под флаг, а апи сделать через мок)

@OlegBrony OlegBrony self-assigned this Jul 27, 2021
@OlegBrony OlegBrony marked this pull request as draft July 27, 2021 21:43
@sergeysova sergeysova changed the title Feat/acc 50 - edit profile page (first name, last name) ACC-50 Create edit profile page (first name, last name) Jul 28, 2021
@OlegBrony
Copy link
Contributor Author

OlegBrony commented Jul 29, 2021

Добавлена вторая (примитивная) форма - для редактирования почты.

# Conflicts:
#	package.json
#	src/features/session/model.ts
#	src/pages/login/page.tsx
#	yarn.lock
* need to use this instead of original component,
* because the one from 'react-router' does not work with ssr
* */
export const EffectorSsrRedirect = ({ href }: { href: string }) => {
Copy link
Member

Choose a reason for hiding this comment

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

Зачем?

Comment on lines 60 to 64
sample({
clock: typedWrapper,
fn: () => undefined,
target: historyPush.prepend(path.login),
});
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
sample({
clock: typedWrapper,
fn: () => undefined,
target: historyPush.prepend(path.login),
});
sample({
clock: typedWrapper,
fn: path.login,
target: historyPush,
});

@@ -91,6 +95,7 @@ const Submit = reflect({
bind: {
type: 'submit',
disabled: $isPending,
text: 'Save password',
Copy link
Member

Choose a reason for hiding this comment

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

Я бы лучше унес визуальные пропсы в основной компонент.
Там проще читать.

Я отношусь к компонентам внизу как связка с логикой.
А в компоненте размещаю важное для восприятия

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants