Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

[Frontend] Add "Download Sample CSV Template" button to BatchStreamWizard upload step

未关闭 适合新手
#1,637 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 7 天内回复

还没有人认领这个 Issue。

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
88/100
Issue 类型
功能
描述清晰度
描述清楚
活跃度
活跃
领域
frontend

调研方向

阅读frontend/src/components/stream-creation/BatchStreamWizard.tsx以及frontend/src/lib/csv-parser.ts中的CSV要求。在上传拖放区添加示例下载功能,生成包含两行数据且 recipient、amount、durationSeconds 和 memo 值有效的 CSV。重新上传下载的flowfi-batch-template.csv,并确认它通过解析器验证。

由索引模型根据 Issue 内容生成。

描述

drips-wave frontend good-first-issue ux

Overview

In frontend/src/components/stream-creation/BatchStreamWizard.tsx, users uploading a payroll CSV file often do not know the exact column headers (recipient,amount,durationSeconds,memo) expected by frontend/src/lib/csv-parser.ts.

Problem

  • Users encounter parsing errors on their first attempt because of mismatched column names or formatting.

Proposed Changes

  1. Add a "Download Sample CSV" button in the upload dropzone area of BatchStreamWizard.tsx.
  2. Generate a valid 2-row example CSV Blob client-side and trigger download as flowfi-batch-template.csv.

Acceptance Criteria

  • Clicking "Download Sample CSV" downloads flowfi-batch-template.csv.
  • The sample CSV passes csv-parser.ts validation without errors if re-uploaded.
  • Clearly shows example values for recipient address, token amount, duration, and memo.
主要语言
TypeScript
星标
18
派生
250
平均合并
5 天 6 小时
30 天内合并 PR
82

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

LabsCrypt/flowfi 的其他 Issue

查看 LabsCrypt/flowfi 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。