aceleradora-TW / aceleradora-TW/e-acelera-front

[MVP3] Visualização do item de Tópicos

オープン
#301 コメント 0 件 リアクション 0 件 担当者 3 名 @Peu-Wan が担当を希望しています GitHub で見る
主要言語
TypeScript
スター
8
フォーク
2
PR マージ指標
30日以内にマージされた PR はありません

説明

# Contexto
Permitir visualização de um tópico em página dedicada a partir do CMS (fluxo: perfil → Admin → CMS → Tópicos → item). Página baseada no protótipo de Temas e deve exibir detalhes do tópico para leitura.

## Critérios de Aceite

- Página disponível em [/cms/topics/{id}](vscode-file://vscode-app/c:/Program%20Files/Microsoft%20VS%20Code/8b640eef5a/resources/app/out/vs/code/electron-browser/workbench/workbench.html).
- Exibe: [id](vscode-file://vscode-app/c:/Program%20Files/Microsoft%20VS%20Code/8b640eef5a/resources/app/out/vs/code/electron-browser/workbench/workbench.html), Tema (nome), Título, Ativo/Inativo, Descrição curta, Descrição longa, Vídeo (player/link) e Explicação do Vídeo.
- Botão/ação “Voltar para lista” presente (mantendo, quando possível, estado/paginação).
- Dados carregam via API e não ficam campos críticos vazios (404/erro tratado).
- A página respeita o layout base do protótipo de Temas (ajustes mínimos aceitáveis).
- Abrir por URL direto e via navegação pelo fluxo deve funcionar.

# Tarefas

- Confirmar contrato/endpoint: [GET /topics/:id](vscode-file://vscode-app/c:/Program%20Files/Microsoft%20VS%20Code/8b640eef5a/resources/app/out/vs/code/electron-browser/workbench/workbench.html) (backend).
- Backend: garantir que [GET /topics/:id](vscode-file://vscode-app/c:/Program%20Files/Microsoft%20VS%20Code/8b640eef5a/resources/app/out/vs/code/electron-browser/workbench/workbench.html) retorne [theme](vscode-file://vscode-app/c:/Program%20Files/Microsoft%20VS%20Code/8b640eef5a/resources/app/out/vs/code/electron-- browser/workbench/workbench.html) (nome do tema) — ajustar TopicService.getTopicById se necessário.
- Front: criar rota/página src/app/cms/topics/[id]/page.tsx.
- Front: criar componente de detalhe src/components/PageElements/cms/detail-topic.tsx (reusar [detail-theme](vscode-file://vscode-app/c:/Program%20Files/Microsoft%20VS%20Code/8b640eef5a/resources/app/out/vs/code/electron-browser/workbench/workbench.html) como referência).
- Implementar loading / erro / 404 UI.
- Adicionar botão “Voltar para lista” (preservar paginação quando possível).
- Testes manuais e registrar evidências no card.

# Notas técnicas

- Front chama [GET /api/topics/:id](vscode-file://vscode-app/c:/Program%20Files/Microsoft%20VS%20Code/8b640eef5a/resources/app/out/vs/code/electron-browser/workbench/workbench.html) (padrão proxy do projeto) e renderiza o objeto retornado.
-Backend: controller já existe (TopicController.getTopicById) — confirmar [include: { theme: true }](vscode-file://vscode-app/c:/Program%20Files/Microsoft%20VS%20Code/8b640eef5a/resources/app/out/vs/code/electron-browser/workbench/workbench.html) no service.
- Usar src/components/PageElements/cms/detail-theme.tsx como referência visual/estrutura.
- Tratar ausência de vídeo/explicação com UI neutra (ex.: “Sem vídeo”).
- Branches / PRs (obrigatório quando envolver front+back)

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

評価

この issue はまだ評価されていません。

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

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