devhatt / devhatt/octopost

Modal de descrição de erros no Mobile

Open
#612 1 comment 0 reactions 0 assignees View on GitHub
Easy good first issue mobile MVP
Dominant language
TypeScript
Stars
75
Forks
45
PR merge metrics
No merged PRs in 30d

Description

## Describe the feature

Nossa aplicação no mobile terá um modal que exibe os detalhes dos erros dos posts, sua tarefa é, fazer esse componente seguindo o layout do [Figma](https://www.figma.com/design/peiX1rvJum4D1RV99Fchqw/Layout-Octo?node-id=55973-2444&node-type=CANVAS&t=5XhzakDnvI2Hihtu-0).

## Use Case

No mobile da nossa aplicação tem o componente `FeedbackErrorMobile` que informa se a aplicação tem algum posto com erro, ao clicar nesse componente abrirá um Modal que exibe os detalhes dos erros.

## Implementation Details

Você terá que criar o componente de Mobile que exibe os detalhes dos erros seguindo o layout do nosso [Figma](https://www.figma.com/design/peiX1rvJum4D1RV99Fchqw/Layout-Octo?node-id=55973-2444&node-type=CANVAS&t=5XhzakDnvI2Hihtu-0) e fazendo a funcionalidade de exibir os detalhes dos erros.
**Lembre-se:** A sua tarefa é apenas criar o componente de modal de erros.

## Visual Concepts

![image](https://github.com/user-attachments/assets/a356a2bc-0353-48bf-96f4-10ea1d7e99ad)

![image](https://github.com/user-attachments/assets/30fee46a-d4e8-46cc-bea9-87d3bf1adbb7)

Contributor guide

Open the contributing guide

Research direction

Start with the existing FeedbackErrorMobile component and inspect the linked Figma layout for the modal's mobile states and displayed error details. Done means the modal opens from that component and matches the referenced layout while showing the post error details; no test file is named in the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, react, typescript
Domain
design, frontend, mobile
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.