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

[FRNT-555] feat: implement avatar component #143

Merged
merged 2 commits into from
Jun 23, 2021
Merged

Conversation

rchubarkin
Copy link
Contributor

No description provided.

@github-actions github-actions bot added the @atoms Changes inside atoms label Jun 17, 2021
@rchubarkin rchubarkin changed the title feat: implement avatar component [FRNT-555] feat: implement avatar component Jun 17, 2021
height: var(--local-size);
` as StyledComponent<'div', Record<string, unknown>, Size>;

const imgStyles = css`
Copy link
Member

Choose a reason for hiding this comment

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

Для чего так?

src/ui/atoms/avatar/index.tsx Outdated Show resolved Hide resolved
display: flex;
align-items: center;
justify-content: center;
width: var(--local-size);
Copy link
Contributor

Choose a reason for hiding this comment

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

можно задать 100%, чтобы аватар занимал весь объем контейнера и выбирать контейнер

src/ui/atoms/avatar/index.tsx Outdated Show resolved Hide resolved
src/ui/atoms/avatar/usage.mdx Outdated Show resolved Hide resolved
`Avatar` shows user avatar

### Example

Copy link
Contributor

Choose a reason for hiding this comment

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

мб сделаем пример, когда аватар вложенный компонент?

src/ui/atoms/avatar/index.tsx Outdated Show resolved Hide resolved
src/ui/atoms/avatar/use-image-load.ts Outdated Show resolved Hide resolved
src/ui/atoms/avatar/usage.mdx Outdated Show resolved Hide resolved
sergeysova
sergeysova previously approved these changes Jun 22, 2021
@sergeysova
Copy link
Member

@rchubarkin порешаешь конфликты?

@rchubarkin
Copy link
Contributor Author

@rchubarkin порешаешь конфликты?

@sergeysova поправил конфликты


import { useImageLoad } from './use-image-load';

const AvatarContainer = styled.div`
Copy link
Contributor

Choose a reason for hiding this comment

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

Если контейнер не экспортируется наружу, зачем создавать для него отдельный стайлед? Мб сразу стили прописать внутри аватара?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

имеешь ввиду через css и className?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@sergeysova @purplecandle @tatinacher это проблема?

Copy link
Contributor

Choose a reason for hiding this comment

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

думаю что возможно лишнее

@sergeysova
Copy link
Member

@rchubarkin пофиксишь конфликты?

@sergeysova sergeysova merged commit 3eeac28 into master Jun 23, 2021
@sergeysova sergeysova deleted the FRNT-555/Avatar branch June 23, 2021 16:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
@atoms Changes inside atoms
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants