seenByList.stories.js 767 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. import React from 'react';
  2. import SeenByList from 'app/components/seenByList';
  3. const USER = {
  4. id: 1,
  5. name: 'Jane Bloggs',
  6. email: 'janebloggs@example.com',
  7. };
  8. export default {
  9. title: 'UI/SeenByList',
  10. args: {
  11. avatarSize: 28,
  12. iconTooltip: 'icon tooltip message',
  13. maxVisibleAvatars: 5,
  14. },
  15. };
  16. export const Default = ({maxVisibleAvatars, avatarSize, iconTooltip}) => {
  17. const user = {...USER};
  18. return (
  19. <SeenByList
  20. seenBy={[user]}
  21. avatarSize={avatarSize}
  22. iconTooltip={iconTooltip}
  23. maxVisibleAvatars={maxVisibleAvatars}
  24. />
  25. );
  26. };
  27. Default.storyName = 'default';
  28. Default.parameters = {
  29. docs: {
  30. description: {
  31. story: 'This displays a list of avatars but filters out the current user',
  32. },
  33. },
  34. };