GuidesComponentsDataSync

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 in dataToSync;
  • status: idle, started, syncing, paused, failed, or completed;
  • optional reason: offline or wifi-only when paused;
  • optional progress: done, total, and created observation 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.

Last updated on

On this page