Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto Apto para principiantes
  • ¿Algo no está bien?
#588 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
78/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
playwright, react, typescript
Área
accessibility, frontend, testing

Línea de trabajo

Empieza en src/app/app/(chrome)/page.tsx y comprueba cómo las filas del dashboard usan el estado de registro y muestran la dirección; lee DraftLine en src/components/signup/HeaderParts.tsx para ver el texto previsto. Actualiza la fila del borrador conservando las direcciones de los demás estados y, después, añade la comprobación de Playwright del dashboard descrita en el issue. Se considera terminado cuando el borrador muestra el mensaje y ninguna dirección, las demás filas conservan sus direcciones, las alturas de las filas coinciden en escritorio y a 390px, y pasan las comprobaciones indicadas.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
TypeScript
Estrellas
19
Forks
4
Merge medio
19 h 34 min
PR fusionados (30 d)
165

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de richshaw/OpenSignup

Todos los issues de richshaw/OpenSignup

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.