the universal sandbox runtime for agents and humans.
pocketenv.io
sandbox
openclaw
agent
claude-code
vercel-sandbox
deno-sandbox
cloudflare-sandbox
atproto
sprites
daytona
Tidy formatting and add port example to placeholder
+18
-6
+18
-6
apps/web/src/pages/settings/services/NewServiceModal/NewServiceModal.tsx
+18
-6
apps/web/src/pages/settings/services/NewServiceModal/NewServiceModal.tsx
···
3
3
import { z } from "zod";
4
4
import { zodResolver } from "@hookform/resolvers/zod";
5
5
import { useEffect } from "react";
6
-
import { useAddServiceMutation, useUpdateServiceMutation } from "../../../../hooks/useService";
6
+
import {
7
+
useAddServiceMutation,
8
+
useUpdateServiceMutation,
9
+
} from "../../../../hooks/useService";
7
10
import type { Service } from "../../../../types/service";
8
11
9
12
const schema = z.object({
···
26
29
service?: Service;
27
30
};
28
31
29
-
function NewServiceModal({ isOpen, onClose, sandboxId, service }: NewServiceModalProps) {
32
+
function NewServiceModal({
33
+
isOpen,
34
+
onClose,
35
+
sandboxId,
36
+
service,
37
+
}: NewServiceModalProps) {
30
38
const isEdit = !!service;
31
-
const { mutateAsync: addService, isPending: isAdding } = useAddServiceMutation();
32
-
const { mutateAsync: updateService, isPending: isUpdating } = useUpdateServiceMutation();
39
+
const { mutateAsync: addService, isPending: isAdding } =
40
+
useAddServiceMutation();
41
+
const { mutateAsync: updateService, isPending: isUpdating } =
42
+
useUpdateServiceMutation();
33
43
const isLoading = isAdding || isUpdating;
34
44
35
45
const {
···
128
138
>
129
139
<div className="modal-content">
130
140
<div className="modal-header">
131
-
<div className="flex-1">{isEdit ? "Edit Service" : "New Service"}</div>
141
+
<div className="flex-1">
142
+
{isEdit ? "Edit Service" : "New Service"}
143
+
</div>
132
144
<button
133
145
type="button"
134
146
className="btn btn-text btn-circle btn-sm absolute end-3 top-3"
···
179
191
>
180
192
<input
181
193
type="text"
182
-
placeholder="e.g. npx serve"
194
+
placeholder="e.g. npx serve -l 3001"
183
195
className={`grow`}
184
196
autoComplete="off"
185
197
data-1p-ignore