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

Users rating list #1504

Merged
merged 6 commits into from
Jun 19, 2023
Merged

Users rating list #1504

merged 6 commits into from
Jun 19, 2023

Conversation

IoannP
Copy link
Contributor

@IoannP IoannP commented Jun 18, 2023

Fixes #1452

  1. пофиксил скроллинг

ну и от себя:

  1. добавил select чтобы менять размер страницы, если понравится будет супер.
  2. немного поправил отступ сверху у иконки языка

Comment on lines +169 to +189
{/* begin select */}
<div className="form-group ml-auto">
<label htmlFor="usersPerPage">
<select
className="custom-select"
id="usersPerPage"
onChange={e => {
setPageSize(e.target.value);
setPage(1);
}}
>
<option>20</option>
<option>30</option>
<option>40</option>
<option>50</option>
</select>
<span className="ml-2">Users per page</span>
</label>
</div>
{/** end select */}
<div className="form-check ml-3">
Copy link
Collaborator

Choose a reason for hiding this comment

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

Шикарно! Спасибо)

@@ -20,6 +20,6 @@ const iconsToClass = {
php: 'icon-php-alt',
};

const LanguageIcon = ({ lang }) => <span className={cn('d-flex pt-2', iconsToClass[lang])} />;
const LanguageIcon = ({ lang }) => <span className={cn('d-flex', iconsToClass[lang])} />;
Copy link
Collaborator

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.

Ок. Посмотрю исправлю.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Не, мой косяк. Safari плохо дружит с нашими иконками. Буд уже сам думать как обойти

@ReDBrother
Copy link
Collaborator

ReDBrother commented Jun 19, 2023

Сорри, даже не так. На разных браузерах эти иконки по разному центрируются.
Когда ставили отступ, то отталкивались от Google Chrome(Safari userAgent) браузера, который у нас в приоритете

@ReDBrother ReDBrother merged commit a0e556a into hexlet-codebattle:master Jun 19, 2023
1 of 2 checks passed
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.

Bug: некорректно работает пагинация на странице Users rating
2 participants