grafana/pyroscope

UI should show better error when connecting to UI at wrong components

Open

#2.748 aberto em 22 de nov. de 2023

Ver no GitHub
 (0 comments) (1 reaction) (0 assignees)C (9.041 stars) (528 forks)batch import
frontendgood first issuehelp wanted

Description

Currently when opening the UI in micro-services mode and you pick a component that is not a querier or query-frontend, we show 405 errors (as the local query APIs are unavailable). Instead we should direct the user to connect to the query-frontend instead.

The only useful UI functions are probably the admin ones in this case

Guia do colaborador

Pilha de tecnologia
javascripttypescriptreact
Domain
frontend
Tipo Issue
feature
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 hours
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
fresh
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
clear
Prerequisites
Basic understanding of React componentsFamiliarity with error handling patterns
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70
Direção de pesquisa
Investigate the current error handling in the UI, particularly the API call that returns 405 errors. Look at the UI components responsible for displaying query errors, likely in the frontend directory. The improvement should detect when a user connects to a non query component and instead show a message directing them to the query frontend. Examine existing error handling logic in files like 'src/components/QueryError.jsx' or similar to understand the pattern.