From fd5ed8aa4f159c8e1c0476915432e0a97a239a91 Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.xyz>
Date: Sat, 1 Oct 2022 19:48:06 +0530
Subject: fixed warning 'component changing controlled input to uncontrolled'
 while editing shipping addresses

---
 src/components/tables/client-table.js   |  4 ++--
 src/components/tables/scss/_colors.scss | 16 +++++++++-------
 2 files changed, 11 insertions(+), 9 deletions(-)

(limited to 'src/components/tables')

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] {
-- 
cgit v1.2.3