From 670f4bbf1a6e0cf9e534186853d2cdbe5a0b3818 Mon Sep 17 00:00:00 2001
From: Ebube <ebube.ojinta@chiefsoft.com>
Date: Mon, 26 Feb 2024 00:12:29 +0100
Subject: [PATCH] Added color to component and toggler to the env

---
 .env                                           | 5 ++++-
 .env.development                               | 5 ++++-
 .env.production                                | 3 +++
 src/components/Dashboards/AccountDashboard.jsx | 2 +-
 src/components/Home/FullAccountDash.jsx        | 4 +++-
 5 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/.env b/.env
index 27d706e..4fd8113 100644
--- a/.env
+++ b/.env
@@ -105,4 +105,7 @@ REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchb
 REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
 
 # Displays the new family dashboard with boxes
-REACT_APP_SHOW_NEW_FAMILY_DASH=1
\ No newline at end of file
+REACT_APP_SHOW_NEW_FAMILY_DASH=1
+
+# Displays the account dashboard
+REACT_APP_SHOW_ACCOUNT_DASH=1
\ No newline at end of file
diff --git a/.env.development b/.env.development
index 158c2c7..f5bc221 100644
--- a/.env.development
+++ b/.env.development
@@ -73,4 +73,7 @@ REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchb
 REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
 
 # Displays the new family dashboard with boxes
-REACT_APP_SHOW_NEW_FAMILY_DASH=1
\ No newline at end of file
+REACT_APP_SHOW_NEW_FAMILY_DASH=1
+
+# Displays the account dashboard
+REACT_APP_SHOW_ACCOUNT_DASH=1
\ No newline at end of file
diff --git a/.env.production b/.env.production
index 4268f04..e2a00a2 100644
--- a/.env.production
+++ b/.env.production
@@ -80,3 +80,6 @@ REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls
 
 # Displays the new family dashboard with boxes
 REACT_APP_SHOW_NEW_FAMILY_DASH=0
+
+# Displays the account dashboard
+REACT_APP_SHOW_ACCOUNT_DASH=0
\ No newline at end of file
diff --git a/src/components/Dashboards/AccountDashboard.jsx b/src/components/Dashboards/AccountDashboard.jsx
index 77bd98a..182b23f 100644
--- a/src/components/Dashboards/AccountDashboard.jsx
+++ b/src/components/Dashboards/AccountDashboard.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 const AccountDashboard = ({className}) => {
   return (
-    <div className={`w-full min-h-[400px] md:grid grid-cols-2 lg:p-8 p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden ${
+    <div className={`w-full min-h-[400px] md:grid grid-cols-2 lg:p-8 p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden bg-[#ffed00] ${
         className || ""
       }`}>
       <div className="w-full h-full flex items-center justify-center text-5xl text-center">
diff --git a/src/components/Home/FullAccountDash.jsx b/src/components/Home/FullAccountDash.jsx
index 40bdbab..1329218 100644
--- a/src/components/Home/FullAccountDash.jsx
+++ b/src/components/Home/FullAccountDash.jsx
@@ -62,7 +62,9 @@ export default function FullAccountDash(props) {
   return (
     <>
       <div className="home-page-wrapper">
-        <AccountDashboard className="mb-4" />
+        {process.env.REACT_APP_SHOW_ACCOUNT_DASH == "1" && (
+          <AccountDashboard className="mb-4" />
+        )}
         {renderDashboard()}
 
         {props?.dashTypes !== "undefined" &&