jippi/hashi-ui

Add loading, empty, and error states when loading data in js via api

Open

#368 opened on Dec 6, 2017

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (1,235 stars) (157 forks)batch import
enhancementhelp wanted

Description

At the moment, these don't exist, so its possible users don't know that its "working".

Contributor guide

Tech stack
javascript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic JavaScriptReact
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
This issue requests adding loading, empty, and error states for data fetched via API. The repository is a UI for Consul and Nomad built with JavaScript (likely React). Since no implementation details are provided, start by examining existing API calls (e.g., in action creators or service layers) to understand the data flow. Add conditional rendering in components to show spinner, empty message, or error message based on state. Refer to similar state management patterns in the codebase.