From 985cf70fad6714d362085f37f780803295c56edc Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 13 Aug 2023 18:06:49 +0200
Subject: [PATCH] Added the disable style in the ConfigurationRow.jsx

---
 .../components/ConfigurationRow/ConfigurationRow.jsx       | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationRow/ConfigurationRow.jsx b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationRow/ConfigurationRow.jsx
index 16f1bb0..9fddd3b 100644
--- a/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationRow/ConfigurationRow.jsx
+++ b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationRow/ConfigurationRow.jsx
@@ -2,7 +2,7 @@ import "./styles.sass";
 import {faSquareRootVariable} from "@fortawesome/free-solid-svg-icons";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 
-export const ConfigurationRow = ({text, icon = faSquareRootVariable, type = "input", options, value, setValue}) => {
+export const ConfigurationRow = ({text, icon = faSquareRootVariable, type = "input", options, value, setValue, disabled}) => {
     return (
         <div className="configuration-row">
             <div className="left-area">
@@ -10,7 +10,8 @@ export const ConfigurationRow = ({text, icon = faSquareRootVariable, type = "inp
                 <p>{text}</p>
             </div>
 
-            {type === "select" && <select className="input-field" value={value} onChange={(e) => setValue(e.target.value)}>
+            {type === "select" && <select className="input-field" value={value} onChange={(e) => setValue(e.target.value)}
+                                            disabled={disabled}>
                 {options.map((option) =>
                     option.value ? <option value={option.value} key={option.value}>{option.text}</option>
                         : <option key={option}>{option}</option>
@@ -18,7 +19,7 @@ export const ConfigurationRow = ({text, icon = faSquareRootVariable, type = "inp
             </select>}
 
             {type === "input" && <input className="input-field" type="text" placeholder={text} value={value}
-                                        onChange={(e) => setValue(e.target.value)} />}
+                                        onChange={(e) => setValue(e.target.value)} disabled={disabled}/>}
         </div>
     );
 }
\ No newline at end of file