From 03de86e629d3066ea61200a936487eada9ef90e3 Mon Sep 17 00:00:00 2001 From: Jamie Ruderman Date: Fri, 11 Jul 2025 14:10:52 -0700 Subject: [PATCH 01/10] bluetooth styling and info message color fix. --- frontend/src/components/BluetoothScan.tsx | 10 +--------- frontend/src/components/DevicesApplicationsTabs.tsx | 2 +- frontend/src/components/Notice.tsx | 4 ++-- frontend/src/components/OnboardRegisteration.tsx | 4 ++-- frontend/src/styling/index.ts | 2 +- 5 files changed, 7 insertions(+), 15 deletions(-) diff --git a/frontend/src/components/BluetoothScan.tsx b/frontend/src/components/BluetoothScan.tsx index 86033c43b..c016fca7f 100644 --- a/frontend/src/components/BluetoothScan.tsx +++ b/frontend/src/components/BluetoothScan.tsx @@ -15,15 +15,7 @@ export const BluetoothScan: React.FC = ({ className }) => { > - - Connect your Pi to Wifi -
and Remote.It - - } - /> + Connect your Pi to Wifi and Remote.It} /> ) diff --git a/frontend/src/components/DevicesApplicationsTabs.tsx b/frontend/src/components/DevicesApplicationsTabs.tsx index ccb0c9a84..e4d8c55a2 100644 --- a/frontend/src/components/DevicesApplicationsTabs.tsx +++ b/frontend/src/components/DevicesApplicationsTabs.tsx @@ -1,5 +1,5 @@ import React from 'react' -import isEqual from 'lodash/isEqual' +import isEqual from 'lodash.isequal' import { Dispatch } from '../store' import { defaultState } from '../models/devices' import { useSelector, useDispatch } from 'react-redux' diff --git a/frontend/src/components/Notice.tsx b/frontend/src/components/Notice.tsx index 320d48d98..7b3db6f3b 100644 --- a/frontend/src/components/Notice.tsx +++ b/frontend/src/components/Notice.tsx @@ -99,11 +99,11 @@ export const Notice: React.FC = ({ } const useStyles = makeStyles(({ palette }) => ({ - info: { color: palette.info.main, backgroundColor: alpha(palette.info.main, 0.1) }, + info: { color: palette.calm.main, backgroundColor: alpha(palette.calm.main, 0.1) }, error: { color: palette.error.main, backgroundColor: alpha(palette.error.main, 0.1) }, warning: { color: palette.warning.main, backgroundColor: alpha(palette.warning.main, 0.1) }, success: { color: palette.success.main, backgroundColor: alpha(palette.success.main, 0.1) }, - infoSolid: { color: palette.alwaysWhite.main, backgroundColor: palette.info.main }, + infoSolid: { color: palette.alwaysWhite.main, backgroundColor: palette.calm.main }, errorSolid: { color: palette.alwaysWhite.main, backgroundColor: palette.error.main }, warningSolid: { color: palette.alwaysWhite.main, backgroundColor: palette.warning.main }, successSolid: { color: palette.alwaysWhite.main, backgroundColor: palette.success.main }, diff --git a/frontend/src/components/OnboardRegisteration.tsx b/frontend/src/components/OnboardRegisteration.tsx index 1b1c87e49..e7d1944cb 100644 --- a/frontend/src/components/OnboardRegisteration.tsx +++ b/frontend/src/components/OnboardRegisteration.tsx @@ -45,7 +45,7 @@ export const OnboardRegistration: React.FC = () => { {reg === 'REGISTERING' ? ( ) : reg !== 'REGISTERED' ? ( - <> + @@ -55,7 +55,7 @@ export const OnboardRegistration: React.FC = () => { - + ) : (