Function FilesSummary

apps/web/ui/MessageForm/FilesSummary/index.tsx:13–39

({ uploading, progress, uploads }: Props)

}

export default function FilesSummary({ uploading, progress, uploads }: Props) {
  if (!uploading && uploads.length === 0) {
    return null;
  }
  return (
    <ul className={styles.list}>
      {uploading && (
        <li className={styles.text}>{`Uploading... ${progress}%`}</li>
      )}
      {uploads.map((file, index) => {
        return (
          <li key={file.id}>
            <div
              className={styles.file}
              onClick={() => {
                copyToClipboard(file.url);
                Toast.success('Copied to clipboard');
              }}
            >
              File {index + 1}
            </div>
          </li>
        );
      })}
    </ul>
  );
}