Таблица лидеров рейтинга

import { GMFYRatingLeaderboard } from 'gmfy-sdk'

Мотивация

Компонент для отображения списка лидеров рейтинга. В случае, если был передан updateInterval в конфиг компонента провайдера, будет происходить ререндер, как будут получены новые значения раз в updateInterval мс.

Свойства

enum SortDirection {
    ASC = 'ASC',
    DESC = 'DESC',
}

type GMFYLeaderboardProps = {
    tableClassName?: string;
    rowClassName?: string;
    rating: string;
    limit?: number;
    offset?: number;
    sort?: SortDirection;
}

• tableClassName - имя класса для стилизации таблицы
• rowClassName - имя класса для стилизации строки таблицы
• rating - ID рейтинга, у которого нужно просмотреть лидеров
• limit - количество пользователей, которое необходимо получить. По умолчанию 10
• offset - количество пользователей, которое необходимо пропустить. По умолчанию 0
• sort - тип сортировки по позиции в рейтинге. Доступны два значения ASC и DESC. По умолчанию ASC

Использование

<GMFYRatingLeaderboard rating="ratingID" limit={15}/>

Отображение

В таблице отображается

• позиция в рейтинге
• ID пользователя, участвующего в рейтинге
• его рейтинг