BREAKING: postgres + saas

components/settings/global-settings-form.tsx

@@ -1,11 +1,10 @@
 "use client"
 
-import { saveSettingsAction } from "@/app/settings/actions"
+import { saveSettingsAction } from "@/app/(app)/settings/actions"
 import { FormError } from "@/components/forms/error"
 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"
@@ -24,8 +23,6 @@ export default function GlobalSettingsForm({
 
   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"

components/settings/llm-settings-form.tsx

@@ -1,11 +1,12 @@
 "use client"
 
-import { fieldsToJsonSchema } from "@/app/ai/schema"
-import { saveSettingsAction } from "@/app/settings/actions"
+import { fieldsToJsonSchema } from "@/ai/schema"
+import { saveSettingsAction } from "@/app/(app)/settings/actions"
 import { FormError } from "@/components/forms/error"
 import { FormInput, FormTextarea } from "@/components/forms/simple"
 import { Button } from "@/components/ui/button"
 import { Card, CardTitle } from "@/components/ui/card"
+import { IS_SELF_HOSTED_MODE } from "@/lib/constants"
 import { Field } from "@prisma/client"
 import { CircleCheckBig, Edit } from "lucide-react"
 import Link from "next/link"
@@ -17,14 +18,18 @@ export default function LLMSettingsForm({ settings, fields }: { settings: Record
   return (
     <>
       <form action={saveAction} className="space-y-4">
-        <FormInput title="OpenAI API Key" name="openai_api_key" defaultValue={settings.openai_api_key} />
+        {IS_SELF_HOSTED_MODE && (
+          <FormInput title="OpenAI API Key" name="openai_api_key" defaultValue={settings.openai_api_key} />
+        )}
 
-        <small className="text-muted-foreground">
-          Get your API key from{" "}
-          <a href="https://platform.openai.com/settings/organization/api-keys" target="_blank" className="underline">
-            OpenAI Platform Console
-          </a>
-        </small>
+        {IS_SELF_HOSTED_MODE && (
+          <small className="text-muted-foreground">
+            Get your API key from{" "}
+            <a href="https://platform.openai.com/settings/organization/api-keys" target="_blank" className="underline">
+              OpenAI Platform Console
+            </a>
+          </small>
+        )}
 
         <FormTextarea
           title="Prompt for File Analysis Form"

components/settings/profile-settings-form copy.tsx

@@ -0,0 +1,33 @@
+"use client"
+
+import { saveProfileAction } from "@/app/(app)/settings/actions"
+import { FormError } from "@/components/forms/error"
+import { FormInput } from "@/components/forms/simple"
+import { Button } from "@/components/ui/button"
+import { User } from "@prisma/client"
+import { CircleCheckBig } from "lucide-react"
+import { useActionState } from "react"
+
+export default function ProfileSettingsForm({ user }: { user: User }) {
+  const [saveState, saveAction, pending] = useActionState(saveProfileAction, null)
+
+  return (
+    <form action={saveAction} className="space-y-4">
+      <FormInput title="Your Name" name="name" defaultValue={user.name || ""} />
+
+      <div className="flex flex-row items-center gap-4">
+        <Button type="submit" disabled={pending}>
+          {pending ? "Saving..." : "Save"}
+        </Button>
+        {saveState?.success && (
+          <p className="text-green-500 flex flex-row items-center gap-2">
+            <CircleCheckBig />
+            Saved!
+          </p>
+        )}
+      </div>
+
+      {saveState?.error && <FormError>{saveState.error}</FormError>}
+    </form>
+  )
+}