oss-slu/MORPH

Add connect form validation in web UI

Open

#62 aperta il 16 mar 2026

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)Python (1 fork)auto 404
good first issue

Metriche repository

Star
 (2 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Description

Add frontend validation for host and port so invalid robot connection requests are blocked before API calls

Acceptance criteria

  • “Add to Server” is disabled when host or port is invalid
  • Port must be numeric and within a valid range
  • User sees clear inline validation messages
  • No request is sent when validation fails

Developer note

  • Focus on web/src/routes/connect.tsx
  • Keep validation simple and user-friendly.

Guida contributor

Direzione di ricerca
Concentrati sull'implementazione della validazione del form in `web/src/routes/connect.tsx`. Usa lo stato di React per tracciare i valori di host e porta e gli errori di validazione. Disabilita il pulsante di invio quando non valido. Mostra messaggi di errore inline.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70