(squash) init

feat: filters, settings, backups

fix: ts compile errors

feat: new dashboard, webp previews and settings

feat: use webp for pdfs

feat: use webp

fix: analyze resets old data

fix: switch to corsproxy

fix: switch to free cors

fix: max upload limit

fix: currency conversion

feat: transaction export

fix: currency conversion

feat: refactor settings actions

feat: new loader

feat: README + LICENSE

doc: update readme

doc: update readme

doc: update readme

doc: update screenshots

ci: bump prisma

components/settings/global-settings-form.tsx

@@ -0,0 +1,59 @@
+"use client"
+
+import { saveSettingsAction } from "@/app/settings/actions"
+import { FormSelectCategory } from "@/components/forms/select-category"
+import { FormSelectCurrency } from "@/components/forms/select-currency"
+import { FormSelectType } from "@/components/forms/select-type"
+import { FormInput } from "@/components/forms/simple"
+import { Button } from "@/components/ui/button"
+import { Category, Currency } from "@prisma/client"
+import { CircleCheckBig } from "lucide-react"
+import { useActionState } from "react"
+
+export default function GlobalSettingsForm({
+  settings,
+  currencies,
+  categories,
+}: {
+  settings: Record<string, string>
+  currencies: Currency[]
+  categories: Category[]
+}) {
+  const [saveState, saveAction, pending] = useActionState(saveSettingsAction, null)
+
+  return (
+    <form action={saveAction} className="space-y-4">
+      <FormInput title="App Title" name="app_title" defaultValue={settings.app_title} />
+
+      <FormSelectCurrency
+        title="Default Currency"
+        name="default_currency"
+        defaultValue={settings.default_currency}
+        currencies={currencies}
+      />
+
+      <FormSelectType title="Default Transaction Type" name="default_type" defaultValue={settings.default_type} />
+
+      <FormSelectCategory
+        title="Default Transaction Category"
+        name="default_category"
+        defaultValue={settings.default_category}
+        categories={categories}
+      />
+
+      <div className="flex flex-row items-center gap-4">
+        <Button type="submit" disabled={pending}>
+          {pending ? "Saving..." : "Save Settings"}
+        </Button>
+        {saveState?.success && (
+          <p className="text-green-500 flex flex-row items-center gap-2">
+            <CircleCheckBig />
+            Saved!
+          </p>
+        )}
+      </div>
+
+      {saveState?.error && <p className="text-red-500">{saveState.error}</p>}
+    </form>
+  )
+}