cooking

src/pages/Settings/ExportDialog.tsx

@@ -0,0 +1,36 @@
+const createSignal = <T,>(value: T): [() => T, (next: T) => void] => {
+  let current = value
+  return [() => current, (next) => {
+    current = next
+  }]
+}
+
+import { SyncStatus } from "./SyncStatus"
+
+export function ExportDialog() {
+  const filename = createSignal("podcast-sync.json")
+  const format = createSignal<"json" | "xml">("json")
+
+  return (
+    <box border title="Export" style={{ padding: 1, flexDirection: "column", gap: 1 }}>
+      <box style={{ flexDirection: "row", gap: 1 }}>
+        <text>File:</text>
+        <input value={filename[0]()} onInput={filename[1]} style={{ width: 30 }} />
+      </box>
+      <box style={{ flexDirection: "row", gap: 1 }}>
+        <text>Format:</text>
+        <tab_select
+          options={[
+            { name: "JSON", description: "Portable" },
+            { name: "XML", description: "Structured" },
+          ]}
+          onSelect={(index) => format[1](index === 0 ? "json" : "xml")}
+        />
+      </box>
+      <box border>
+        <text>Export {format[0]()} to {filename[0]()}</text>
+      </box>
+      <SyncStatus />
+    </box>
+  )
+}