cooking

src/pages/Settings/SyncError.tsx

@@ -0,0 +1,15 @@
+type SyncErrorProps = {
+  message: string
+  onRetry: () => void
+}
+
+export function SyncError(props: SyncErrorProps) {
+  return (
+    <box border title="Error" style={{ padding: 1, flexDirection: "column", gap: 1 }}>
+      <text>{props.message}</text>
+      <box border onMouseDown={props.onRetry}>
+        <text>Retry</text>
+      </box>
+    </box>
+  )
+}