Added color to component and toggler to the env
This commit is contained in:
@@ -106,3 +106,6 @@ REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls
|
|||||||
|
|
||||||
# Displays the new family dashboard with boxes
|
# 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
|
||||||
@@ -74,3 +74,6 @@ REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls
|
|||||||
|
|
||||||
# Displays the new family dashboard with boxes
|
# 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
|
||||||
@@ -80,3 +80,6 @@ REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls
|
|||||||
|
|
||||||
# Displays the new family dashboard with boxes
|
# Displays the new family dashboard with boxes
|
||||||
REACT_APP_SHOW_NEW_FAMILY_DASH=0
|
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}) => {
|
const AccountDashboard = ({className}) => {
|
||||||
return (
|
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 || ""
|
className || ""
|
||||||
}`}>
|
}`}>
|
||||||
<div className="w-full h-full flex items-center justify-center text-5xl text-center">
|
<div className="w-full h-full flex items-center justify-center text-5xl text-center">
|
||||||
|
|||||||
@@ -62,7 +62,9 @@ export default function FullAccountDash(props) {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="home-page-wrapper">
|
<div className="home-page-wrapper">
|
||||||
<AccountDashboard className="mb-4" />
|
{process.env.REACT_APP_SHOW_ACCOUNT_DASH == "1" && (
|
||||||
|
<AccountDashboard className="mb-4" />
|
||||||
|
)}
|
||||||
{renderDashboard()}
|
{renderDashboard()}
|
||||||
|
|
||||||
{props?.dashTypes !== "undefined" &&
|
{props?.dashTypes !== "undefined" &&
|
||||||
|
|||||||
Reference in New Issue
Block a user