Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

The dashboard shows a draft's public address, which only says the signup isn't ready

オープン 初心者向け
  • 何か問題がありますか？
#588 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
78/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
playwright, react, typescript
領域
accessibility, frontend, testing

調査の方向性

src/app/app/(chrome)/page.tsxから始め、dashboardの行が登録ステータスをどのように使い、アドレスを表示するかを確認します。意図された文言を確認するため、src/components/signup/HeaderParts.tsxのDraftLineを読みます。ほかのステータスのアドレスを維持しながら下書き行を更新し、issueに記載されたdashboardのPlaywrightチェックを追加します。下書きにメッセージが表示されてアドレスが表示されず、ほかの行には引き続きアドレスが表示され、デスクトップと390pxで行の高さが一致し、記載されたチェックに合格すれば完了です。

索引モデルが issue の本文から書いたものです。

説明

enhancement pipeline:proposed pipeline:ux

Needs your OK: this changes what a draft's row says on Your signups. Swap pipeline:proposed for pipeline:ready to have it built.

What happens

On Your signups (DashboardPage in src/app/app/(chrome)/page.tsx), every row shows the signup's address, /s/<slug>, in monospace under its title, whatever the signup's status. For a draft, that address isn't ready to send. Anyone who opens it gets "This signup isn't ready yet" until it's published. Next to the title, it reads like a working link.

The signup's own header is changing the same way. #499 asked that a draft show no public link, and #578 builds that for the header: in place of the link, a draft says "Only you can see this draft until you publish it." (DraftLine in src/components/signup/HeaderParts.tsx). #578 doesn't touch the dashboard, so this is the dashboard's half of the same idea.

To see it: create a signup and leave it as a draft. Go to Your signups. Its row shows /s/… under the title, like the published ones.

Fix, in outline

  • For a draft, show "Only you can see this draft" in place of the address. Same muted, small line, in the body font rather than monospace, so every row keeps the same height.
  • Keep the address for open, closed and archived signups. Their links lead to a real page: the signup, or a message saying it's closed or no longer available.
  • No new query. listSignupsForWorkspace already returns status.

Watch for

  • The row's accessible name is everything in the link: title, address and status. For a draft it becomes the title, the new line and "draft". Check e2e specs that find a dashboard row by name. tests/e2e/help/connect-an-ai-assistant.spec.ts matches on the title only, so it's fine.
  • Same words as the header. If #578 has landed, take the words from DraftLine so the two can't drift. If not, keep them in the dashboard and say so in the PR.
  • CHANGELOG: add a line under Unreleased › Changed.

Choices this makes

  • A line in place of the address, not an empty space. Dropping the line would make draft rows shorter than the rest, and the "draft" pill alone doesn't say why there's no address.
  • The words "Only you can see this draft". It's #578's line, cut short to fit beside the status pill at 390px. "Not published yet" is the other option.
  • Drafts only. An archived signup's address also shows only a message, but #578 keeps the link in the header for closed and archived signups, and the dashboard should match.

Done when

  • On Your signups, a draft's row shows "Only you can see this draft" and no /s/…. Open, closed and archived rows show their address as now.
  • Rows are the same height whatever their status, on a computer and at 390px wide.
  • A Playwright check on the dashboard with a draft and a published signup confirms which row shows an address.
  • pnpm lint && pnpm typecheck && pnpm knip && pnpm test pass.

Found by the UX walkthrough (scenario X1) on 2026-10-24, and checked against the code on main at 4ed27a9.

Generated by Claude Code

主要言語
TypeScript
スター
19
フォーク
4
平均マージ
20時間 9分
マージ済み PR（30日）
156

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

richshaw/OpenSignup のほかの issue

richshaw/OpenSignup の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。