fixed warning 'component changing controlled input to uncontrolled' while editing shipping addresses

2 files changed, 11 insertions, 9 deletions

diff --git a/src/components/tables/client-table.js b/src/components/tables/client-table.js
index ffbf5e8..d3b5c25 100644
--- a/src/components/tables/client-table.js
+++ b/src/components/tables/client-table.js
@@ -19,8 +19,8 @@ import './scss/client-table.scss';
 import { deleteClient } from './../../classes/client';
 
 const ClientTable = (props) => {
-  const handleEdit = (i) => {
-    props.setItemToEdit(i)
+  const handleEdit = (c) => {
+    props.setClientToEdit(c)
   }
 
   const handleDelete = (c) => {
diff --git a/src/components/tables/scss/_colors.scss b/src/components/tables/scss/_colors.scss
index a4a8ba4..2a3725c 100644
--- a/src/components/tables/scss/_colors.scss
+++ b/src/components/tables/scss/_colors.scss
@@ -15,18 +15,20 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-$primaryAccentColor: #bd93f9;
-$secondaryAccentColor: #d0afff;
+@import "../../../colors";
+
+$primaryAccentColor: $primaryAccentColor;
+$secondaryAccentColor: $secondaryAccentColor;
 
 $linkColor: $primaryAccentColor;
 
-$fgColor: white;
-$fgColorAlt: black;
-$fgColorDisabled: lightgray;
+$fgColor: $fgColor;
+$fgColorAlt: $darkFgColor;
+$fgColorDisabled: $disabledColor;
 
-$inputBackgroundColor: #00000000;
+$inputBackgroundColor: $backgroundColor;
 
-$warningColor: #ed4683;
+$warningColor: $warningColor;
 
 @mixin button {
     input[type=button] {