Added color to component and toggler to the env

This commit is contained in:
2024-02-26 00:12:29 +01:00
parent 2c6e36aea9
commit 670f4bbf1a
5 changed files with 15 additions and 4 deletions
+4 -1
View File
@@ -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
REACT_APP_SHOW_NEW_FAMILY_DASH=1
# Displays the account dashboard
REACT_APP_SHOW_ACCOUNT_DASH=1
+4 -1
View File
@@ -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
REACT_APP_SHOW_NEW_FAMILY_DASH=1
# Displays the account dashboard
REACT_APP_SHOW_ACCOUNT_DASH=1
+3
View File
@@ -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
@@ -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">
+3 -1
View File
@@ -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" &&