signal-desktop/ts/components/conversation/AttachmentDetailPill.stories.tsx

// Copyright 2024 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import React from 'react';
import { action } from '@storybook/addon-actions';
import { type PropsType, AttachmentDetailPill } from './AttachmentDetailPill';
import { type ComponentMeta } from '../../storybook/types';
import { setupI18n } from '../../util/setupI18n';
import enMessages from '../../../_locales/en/messages.json';
import { fakeAttachment } from '../../test-both/helpers/fakeAttachment';

const i18n = setupI18n('en', enMessages);

export default {
  title: 'Components/Conversation/AttachmentDetailPill',
  component: AttachmentDetailPill,
  argTypes: {
    isGif: { control: { type: 'boolean' } },
  },
  args: {
    i18n,
    attachments: [],
    isGif: false,
    startDownload: action('startDownload'),
    cancelDownload: action('cancelDownload'),
  },
} satisfies ComponentMeta<PropsType>;

export function NoneDefaultsBlank(args: PropsType): JSX.Element {
  return <AttachmentDetailPill {...args} />;
}

export function OneDownloadedBlank(args: PropsType): JSX.Element {
  return <AttachmentDetailPill {...args} attachments={[fakeAttachment()]} />;
}

export function OneNotPendingNotDownloaded(args: PropsType): JSX.Element {
  return (
    <AttachmentDetailPill
      {...args}
      attachments={[
        fakeAttachment({
          path: undefined,
        }),
      ]}
    />
  );
}

export function OnePendingNotDownloading(args: PropsType): JSX.Element {
  return (
    <AttachmentDetailPill
      {...args}
      attachments={[
        fakeAttachment({
          pending: true,
          path: undefined,
        }),
      ]}
    />
  );
}

export function OneDownloading(args: PropsType): JSX.Element {
  return (
    <AttachmentDetailPill
      {...args}
      attachments={[
        fakeAttachment({
          pending: true,
          path: undefined,
          totalDownloaded: 5000,
        }),
      ]}
    />
  );
}

export function OneNotPendingSomeDownloaded(args: PropsType): JSX.Element {
  return (
    <AttachmentDetailPill
      {...args}
      attachments={[
        fakeAttachment({
          path: undefined,
          totalDownloaded: 5000,
        }),
      ]}
    />
  );
}