Develop

apps/metamigo-frontend/app/_components/voice/providers/ProviderEdit.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import {
+  SimpleForm,
+  TextInput,
+  PasswordInput,
+  Edit,
+  EditProps,
+} from "react-admin";
+import { ProviderKindInput } from "./shared";
+
+const ProviderTitle = ({ record }: { record?: any }) => {
+  let title = "";
+  if (record) title = record.name ?? record.email;
+  return <span>Provider {title}</span>;
+};
+
+const ProviderEdit = (props: EditProps) => (
+  <Edit title={<ProviderTitle />} {...props}>
+    <SimpleForm>
+      <TextInput disabled source="id" />
+      <ProviderKindInput disabled />
+      <TextInput source="name" />
+      <TextInput source="credentials.accountSid" />
+      <TextInput source="credentials.apiKeySid" />
+      <PasswordInput source="credentials.apiKeySecret" />
+    </SimpleForm>
+  </Edit>
+);
+
+export default ProviderEdit;