+
+
+ {
+ cpuRefs.current[index] = el;
+ }}
+ placeholder="CPU in Cores"
+ type="number"
+ value={method.resources.cpu || ""}
+ onChange={(e) =>
+ updateInstallMethod(index, "resources", {
+ ...method.resources,
+ cpu: e.target.value ? Number(e.target.value) : null,
+ })
+ }
+ />
+ {
+ ramRefs.current[index] = el;
+ }}
+ placeholder="RAM in MB"
+ type="number"
+ value={method.resources.ram || ""}
+ onChange={(e) =>
+ updateInstallMethod(index, "resources", {
+ ...method.resources,
+ ram: e.target.value ? Number(e.target.value) : null,
+ })
+ }
+ />
+ {
+ hddRefs.current[index] = el;
+ }}
+ placeholder="HDD in GB"
+ type="number"
+ value={method.resources.hdd || ""}
+ onChange={(e) =>
+ updateInstallMethod(index, "resources", {
+ ...method.resources,
+ hdd: e.target.value ? Number(e.target.value) : null,
+ })
+ }
+ />
+
+
+
+
+
+
+
+ ))}
+
+
updateNote(index, "text", e.target.value)}
+ ref={(el) => {
+ inputRefs.current[index] = el;
+ }}
+ />
+
+
+
+ ),
+ );
+
+ NoteItem.displayName = 'NoteItem';
+
+ return (
+ <>
+