feat: actor datacenter (#3097)

Author: jog1t

frontend/src/app/data-providers/default-data-provider.tsx

@@ -62,6 +62,7 @@ type CreateActor = Omit<InspectorCreateActor, "keys" | "key"> & {
 	runnerNameSelector: string;
 	key: string;
 	crashPolicy: CrashPolicy;
+	datacenter?: string;
 };
 
 const defaultContext = {

frontend/src/app/data-providers/engine-data-provider.tsx

@@ -349,6 +349,7 @@ export const createNamespaceContext = ({
 						namespace,
 						name: data.name,
 						key: data.key,
+						datacenter: data.datacenter,
 						crashPolicy: data.crashPolicy,
 						runnerNameSelector: data.runnerNameSelector,
 						input: JSON.stringify(data.input),

frontend/src/components/actors/dialogs/create-actor-dialog.tsx

@@ -19,14 +19,9 @@ import { useDataProvider } from "../data-provider";
 import * as ActorCreateForm from "../form/actor-create-form";
 import { CrashPolicy } from "../queries";
 
-interface ContentProps extends DialogContentProps {
-	namespace: string;
-}
+interface ContentProps extends DialogContentProps {}
 
-export default function CreateActorDialog({
-	onClose,
-	namespace,
-}: ContentProps) {
+export default function CreateActorDialog({ onClose }: ContentProps) {
 	const { mutateAsync } = useMutation(
 		useDataProvider().createActorMutationOptions(),
 	);
@@ -44,6 +39,7 @@ export default function CreateActorDialog({
 					name: values.name,
 					input: values.input ? JSON.parse(values.input) : undefined,
 					key: values.key,
+					datacenter: values.datacenter,
 					crashPolicy: values.crashPolicy || CrashPolicy.Destroy,
 					runnerNameSelector: values.runnerNameSelector || "default",
 				});
@@ -52,7 +48,7 @@ export default function CreateActorDialog({
 			defaultValues={{
 				name,
 				crashPolicy: CrashPolicy.Destroy,
-				region: "auto",
+				datacenter: "auto",
 			}}
 		>
 			<DialogHeader>
@@ -75,7 +71,7 @@ export default function CreateActorDialog({
 						<AccordionContent className="flex gap-4 flex-col">
 							{["engine", "cloud"].includes(__APP_TYPE__) ? (
 								<>
-									<ActorCreateForm.Region />
+									<ActorCreateForm.Datacenter />
 									<ActorCreateForm.RunnerNameSelector />
 									<ActorCreateForm.CrashPolicy />
 								</>

frontend/src/components/actors/form/actor-create-form.tsx

@@ -41,11 +41,11 @@ export const formSchema = z
 		input: jsonValid.optional(),
 		// tags: tagsFormSchema.shape.tags,
 
-		region: z.string(),
+		datacenter: z.string(),
 		runnerNameSelector: z.string(),
 		crashPolicy: z.nativeEnum(CrashPolicyEnum),
 	})
-	.partial({ region: true, runnerNameSelector: true, crashPolicy: true });
+	.partial({ datacenter: true, runnerNameSelector: true, crashPolicy: true });
 
 export type FormValues = z.infer<typeof formSchema>;
 export type SubmitHandler = (
@@ -239,24 +239,24 @@ export const PrefillRunnerName = () => {
 	return null;
 };
 
-export const Region = () => {
+export const Datacenter = () => {
 	const { control } = useFormContext<FormValues>();
 
 	return (
 		<FormField
 			control={control}
-			name="region"
+			name="datacenter"
 			render={({ field }) => (
 				<FormItem>
-					<FormLabel>Region</FormLabel>
+					<FormLabel>Datacenter</FormLabel>
 					<FormControl>
 						<RegionSelect
 							value={field.value}
 							onValueChange={field.onChange}
 						/>
 					</FormControl>
 					<FormDescription>
-						The region where the Actor will be deployed.
+						The datacenter where the Actor will be deployed.
 					</FormDescription>
 					<FormMessage />
 				</FormItem>