SyncProgressList
Render per-type health import state and progress
- Stable unknown
- Release candidate since 1.16.1-rc.3
- Development since 1.16.1-dev.2111+9796905
Render progress reported by AppleHealthSync or AndroidHealthSync. The
component displays a label, localized status, completed-versus-total count, and a
progress bar for each populated entry.
import { SyncProgressList } from "@ovok/native/data-sync";
<SyncProgressList
progress={progress}
labelForType={(type) => measurementLabels[type] ?? type}
statusLabels={{ syncing: "Importing", completed: "Imported" }}
reasonLabels={{ offline: "No connection", "wifi-only": "Waiting for Wi-Fi" }}
/>;Props
Every prop, with its type and description, is listed in the @ovok/native/data-sync API reference.
Progress shape
SyncProgress contains:
measurementTypeKey: the key configured indataToSync;status:idle,started,syncing,paused,failed, orcompleted;- optional
reason:offlineorwifi-onlywhen paused; - optional
progress:done,total, andcreatedobservation counts.
The list displays done and total; read created from the progress map
when the screen needs to distinguish new observations from matched records.
Status and reason labels fall back to the SDK's i18n strings and the raw reason
value, respectively.
Related
Last updated on
ManuallyRequestSheet.Title
Themed title text for a health permission prompt
Diary
A specialized card component system for displaying health measurement data and diary entries in healthcare applications. The Diary module provides interactive cards with measurement display capabilities, designed for medical tracking and patient monitoring workflows.