FlowFuse / FlowFuse/flowfuse

Inconsistent pill colouring between device overview and device status

Open
#5,550 0 comments 0 reactions 0 assignees View on GitHub
area:frontend needs-triage size:XS type:bug
Dominant language
JavaScript
Stars
400
Forks
89
Avg merge
1d 20h
Merged PRs (30d)
149

Description

### Current Behavior

On the device overview we show devices with old state in green, but inside the device itself we show the pill in red

![Image](https://github.com/user-attachments/assets/aaaf1a8a-70e0-4c70-a609-0e79d0234745)

### Expected Behavior

the pill colour should match

### Steps To Reproduce

visit an overview page with old state devices then visit the device

### Environment

- FlowFuse version: FFC Live/Prod
- Node.js version:
- npm version:
- Platform/OS: Win/NA
- Browser: Chrome latest

### Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the mismatch on an overview page with old-state devices, then open the same device in Chrome and compare the two pill renderings. Trace how each view maps the device state to a colour and identify the shared expected styling. Done means the pill colour matches in both locations for old-state devices.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.