feat: added better placeholders for node init form inputs

calimero-network · Oct 27, 2024 · aed5d3f · aed5d3f
1 parent aa5004b
commit aed5d3f
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/node/nodeInitPopup/index.tsx b/src/components/node/nodeInitPopup/index.tsx
@@ -62,11 +62,11 @@ const NodeInitializationPopup: React.FC<NodeInitializationPopupProps> = ({...pro
       <h2>Initialize Node</h2>
       <form onSubmit={handleSubmit}>
         <Input
-          label="Node Name"
+          label="Node Name (max 15 chars)"
           type="text"
           value={nodeName}
           onChange={handleNodeNameChange}
-          placeholder="Enter node name (max 15 chars)"
+          placeholder="e.g. node1"
           required
           maxLength={15}
           noMargin={isShowingCharCount}
@@ -82,15 +82,19 @@ const NodeInitializationPopup: React.FC<NodeInitializationPopupProps> = ({...pro
           type="number"
           value={serverPort}
           onChange={(e) => setServerPort(e.target.value)}
-          placeholder="Enter server port"
+          placeholder="e.g. 2428"
+          min="1024"
+          max="65535"
           required
         />
         <Input
           label="Swarm Port"
           type="number"
           value={swarmPort}
           onChange={(e) => setSwarmPort(e.target.value)}
-          placeholder="Enter swarm port"
+          placeholder="e.g.2528"
+          min="1024"
+          max="65535"
           required
         />
         <Checkbox