4c8594d330
* Add linter rules for import order and type member delimiters * Remove unneeded group * Group all app/* imports before the internal imports * Move app/ imports before parent imports * Separate @node_modules imports into a different group * Substitute app paths by aliases * Fix @node_modules import order and add test related modules * Add aliases for types and test, and group import types
27 lines
953 B
TypeScript
27 lines
953 B
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {withKnobs, number, select} from '@storybook/addon-knobs';
|
|
import {storiesOf} from '@storybook/react-native';
|
|
|
|
import React from 'react';
|
|
|
|
import {Preferences} from '@mm-redux/constants';
|
|
import {getProfiles} from '@mm-redux/selectors/entities/users';
|
|
import {UserProfile} from '@mm-redux/types/users';
|
|
import Store from '@store/store';
|
|
|
|
import Avatars from './avatars';
|
|
|
|
const state = Store.redux?.getState();
|
|
const users = getProfiles(state, {});
|
|
const userIds = users.map((user:UserProfile) => user.id);
|
|
|
|
storiesOf('Avatars', module).
|
|
addDecorator(withKnobs).
|
|
add('Avatars', () => (
|
|
<Avatars
|
|
userIds={userIds.slice(0, number(`number of named participants (max ${userIds.length})`, userIds.length))}
|
|
theme={select('theme', Preferences.THEMES, Preferences.THEMES.default)}
|
|
/>
|
|
));
|