fleet/frontend/pages/hosts/components/DiskSpaceIndicator
Nico 2244edb7f1
Fix: Long text strings not appearing correctly in new host vitals (#39154)
<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #39125

# Checklist for submitter

- [x] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
See [Changes
files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files)
for more information.


## Testing

- [x] QA'd all new/changed functionality manually

### Disk space

Renamed to `Disk space available` following [Scott's
suggestion](https://github.com/fleetdm/fleet/issues/39125#issuecomment-3836462342)
(we don't have to truncate at all since content will fit).

For linux hosts specifically, we already have a tooltip and show extra
information (see https://github.com/fleetdm/fleet/issues/31671)
<img width="208" height="95" alt="Screenshot 2026-02-02 at 2 10 52 PM"
src="https://github.com/user-attachments/assets/c9aa3391-1c6d-4591-a838-1b48bb37a269"
/>

Non-linux hosts:
<img width="169" height="63" alt="Screenshot 2026-02-02 at 2 11 05 PM"
src="https://github.com/user-attachments/assets/41addcbb-5a26-44c3-a16b-d13b3db2a642"
/>


### OS version

There was an existing tooltip when min version requirement is not met.
Decided to also show the version within it.

<img width="282" height="117" alt="Screenshot 2026-02-02 at 1 50 01 PM"
src="https://github.com/user-attachments/assets/c136ff2d-56a3-46b5-80d5-090f85fed734"
/>

Similar as above, when the min version requirement is met.

<img width="282" height="103" alt="Screenshot 2026-02-02 at 1 50 25 PM"
src="https://github.com/user-attachments/assets/9afc75a9-334a-4ab8-b4ee-3a79130bfd39"
/>

When there's no version requirement, just show the version only when
it's cut off.

<img width="276" height="70" alt="Screenshot 2026-02-02 at 1 51 03 PM"
src="https://github.com/user-attachments/assets/1ef9c924-5a49-43d9-9c76-16fed9aaea0d"
/>

### Hardware model

<img width="183" height="50" alt="Screenshot 2026-02-02 at 1 59 01 PM"
src="https://github.com/user-attachments/assets/03a43d17-76ea-413f-bde0-ae0b82fd379b"
/>

<img width="229" height="60" alt="Screenshot 2026-02-02 at 1 59 04 PM"
src="https://github.com/user-attachments/assets/4745202c-114e-4264-a74f-51da1894fc5a"
/>



For unreleased bug fixes in a release candidate, one of:

- [x] Confirmed that the fix is not expected to adversely impact load
test results
- [ ] Alerted the release DRI if additional load testing is needed
2026-02-02 18:19:39 -03:00
..
_styles.scss Add gigs_all_disk_space vital collection, storage, service, and UI rendering for Linux hosts (#34077) 2025-10-17 08:24:23 -07:00
DiskSpaceIndicator.stories.tsx Refactor DiskSpaceIndicator to use ProgressBar (#33198) 2025-09-19 12:54:43 -07:00
DiskSpaceIndicator.tests.tsx Add gigs_all_disk_space vital collection, storage, service, and UI rendering for Linux hosts (#34077) 2025-10-17 08:24:23 -07:00
DiskSpaceIndicator.tsx Fix: Long text strings not appearing correctly in new host vitals (#39154) 2026-02-02 18:19:39 -03:00
index.ts Feature FE: 18115 crit vuln issues (#19830) 2024-06-18 15:26:45 -04:00