tooltip and placeholder for api key field

quantified-uncertainty · Nov 21, 2024 · 51264f0 · 51264f0
1 parent d4ee0b9
commit 51264f0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/packages/hub/src/app/ai/Sidebar.tsx b/packages/hub/src/app/ai/Sidebar.tsx
@@ -209,6 +209,7 @@ Outputs:
             name="anthropicApiKey"
             label="Anthropic API Key"
             tooltip="Anthropic API key for using Claude."
+            placeholder="Optional"
             size="small"
             layout="row"
           />

diff --git a/packages/ui/src/forms/common/FormField.tsx b/packages/ui/src/forms/common/FormField.tsx
@@ -22,20 +22,24 @@ export function FormField<
   TValues extends FieldValues,
   TName extends FieldPath<TValues> = FieldPath<TValues>,
 >({
-  name,
-  rules,
+  // FieldLayout props
   label,
   description,
-  layout,
   standaloneLabel,
+  layout,
+  tooltip,
+  // FormField props
+  name,
+  rules,
   children,
 }: FormFieldProps<TValues, TName>) {
   return (
     <FieldLayout
       label={label}
       description={description}
-      layout={layout}
       standaloneLabel={standaloneLabel}
+      layout={layout}
+      tooltip={tooltip}
     >
       <FormInput name={name} rules={rules}>
         {children}