refactor(web): Remove LB nodes from kuber service in Ansible template

- Add placeholder for k8s nodes inputs
- Update select combobox version

Author: MiladSadeghi

web/src/pages/ansible/kuber/components/k8s-master-nodes.tsx

@@ -13,9 +13,9 @@ const K8SMasterNodes: FC = () => {
 
   return (
     <div>
-      <div className="flex items-center mb-2">
+      <div className="mb-2 flex items-center">
         <p className="text-lg font-bold">K8s Master Nodes</p>
-        <button type="button" onClick={append} className="ml-4 btn btn-xs">
+        <button type="button" onClick={append} className="btn btn-xs ml-4">
           Add <Plus className="size-3" />
         </button>
       </div>
@@ -25,6 +25,7 @@ const K8SMasterNodes: FC = () => {
             <FormInput
               id={`k8s_master_nodes.${nodeIdx}`}
               name={`k8s_master_nodes.${nodeIdx}.value`}
+              placeholder="www.example.com"
               label=""
             />
             {nodeIdx > 0 && (

web/src/pages/ansible/kuber/components/k8s-worker-nodes.tsx

@@ -13,9 +13,9 @@ const K8SWorkerNodes: FC = () => {
 
   return (
     <div>
-      <div className="flex items-center mb-2">
+      <div className="mb-2 flex items-center">
         <p className="text-lg font-bold">K8s Worker Nodes</p>
-        <button type="button" onClick={append} className="ml-4 btn btn-xs">
+        <button type="button" onClick={append} className="btn btn-xs ml-4">
           Add <Plus className="size-3" />
         </button>
       </div>
@@ -25,6 +25,7 @@ const K8SWorkerNodes: FC = () => {
             <FormInput
               id={`k8s_worker_nodes.${nodeIdx}`}
               name={`k8s_worker_nodes.${nodeIdx}.value`}
+              placeholder="www.example.com"
               label=""
             />
             {nodeIdx > 0 && (

web/src/pages/ansible/kuber/components/lb-nodes.tsx

@@ -6,6 +6,10 @@ export const OSOptions = [
 ];
 
 export const versionOptions = [
+  {
+    label: '1.31',
+    value: '1.31',
+  },
   {
     label: '1.30',
     value: '1.30',
@@ -14,8 +18,4 @@ export const versionOptions = [
     label: '1.29',
     value: '1.29',
   },
-  {
-    label: '1.28',
-    value: '1.28',
-  },
 ];

web/src/pages/ansible/kuber/data/select-options.ts

@@ -19,7 +19,6 @@ import { isAxiosError } from 'axios';
 import { toast } from 'sonner';
 import K8SMasterNodes from './components/k8s-master-nodes';
 import K8SWorkerNodes from './components/k8s-worker-nodes';
-import LBNodes from './components/lb-nodes';
 
 const KubernetesAnsible: FC = () => {
   const { mutateAsync: kuberAnsibleMutate, isPending: kuberAnsiblePending } =
@@ -39,7 +38,6 @@ const KubernetesAnsible: FC = () => {
     os: { label: 'Ubuntu', value: 'ubuntu' },
     k8s_worker_nodes: [{ value: '' }],
     k8s_master_nodes: [{ value: '' }],
-    lb_nodes: [{ value: '' }],
   };
 
   const methods = useForm<KuberAnsible>({
@@ -53,7 +51,6 @@ const KubernetesAnsible: FC = () => {
         ...data,
         k8s_worker_nodes: data.k8s_worker_nodes.map((worker) => worker.value),
         k8s_master_nodes: data.k8s_master_nodes.map((master) => master.value),
-        lb_nodes: data.lb_nodes.map((lb) => lb.value),
         os: data.os.value,
         version: data.version.value,
       };
@@ -107,9 +104,6 @@ const KubernetesAnsible: FC = () => {
         <div className="mb-4">
           <K8SWorkerNodes />
         </div>
-        <div className="mb-4">
-          <LBNodes />
-        </div>
         <div className="mb-4">
           <FormSelect
             name={`version`}

web/src/pages/ansible/kuber/kuber.tsx

@@ -10,7 +10,6 @@ export interface KuberAnsibleBody {
   os: string;
   k8s_worker_nodes: string[];
   k8s_master_nodes: string[];
-  lb_nodes: string[];
   version: string;
 }
 
@@ -37,18 +36,13 @@ export const kuberAnsibleSchema = zod.object({
   k8s_worker_nodes: zod
     .array(
       zod.object({
-        value: zod.string().min(1, 'Required!'),
+        value: zod.string().min(1, 'Required!').default('www.example.com'),
       }),
     )
     .min(1),
   k8s_master_nodes: zod.array(
     zod.object({
-      value: zod.string().min(1, 'Required!'),
-    }),
-  ),
-  lb_nodes: zod.array(
-    zod.object({
-      value: zod.string().min(1, 'Required!'),
+      value: zod.string().min(1, 'Required!').default('www.example.com'),
     }),
   ),
   version: zod.object({