farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed build warnings.
Some checks failed
farmcontrol/farmcontrol-ui/pipeline/head There was a failure building this commit
Details

Browse Source
This commit is contained in:
Tom Butcher 2026-03-01 02:21:27 +00:00
parent f446bb22be
commit 2fc077504e
2 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Dashboard/context/NotificationContext.jsx
View File

@ -146,7 +146,7 @@ const NotificationProvider = ({ children }) => {
} }
const unregister = registerNotificationListener(handleNotification) const unregister = registerNotificationListener(handleNotification)
return unregister return unregister
}, [authenticated, registerNotificationListener, api]) }, [authenticated, registerNotificationListener, api, deleteNotification])
return ( return (
<NotificationContext.Provider <NotificationContext.Provider

54
src/components/Dashboard/context/ThemeContext.jsx
View File

@ -4,6 +4,20 @@ import PropTypes from 'prop-types'
const ThemeContext = createContext() const ThemeContext = createContext()
const COLORS = {
colorPrimary: '#0091FF',
colorSuccess: '#30D158',
colorWarning: '#FF9230',
colorError: '#FF4245',
colorInfo: '#0A84FF',
colorLink: '#5AC8F5',
colorCyan: '#5AC8F5',
colorPink: '#FF69B4',
colorPurple: '#800080',
colorMagenta: '#FF00FF',
colorVolcano: '#FF4500'
}
export const ThemeProvider = ({ children }) => { export const ThemeProvider = ({ children }) => {
const [isSystem, setIsSystem] = useState(() => { const [isSystem, setIsSystem] = useState(() => {
const savedSystem = sessionStorage.getItem('isSystem') const savedSystem = sessionStorage.getItem('isSystem')
@ -82,45 +96,31 @@ export const ThemeProvider = ({ children }) => {
return isCompact ? [theme.compactAlgorithm, baseAlgorithm] : [baseAlgorithm] return isCompact ? [theme.compactAlgorithm, baseAlgorithm] : [baseAlgorithm]
} }
const colors = {
colorPrimary: '#0091FF',
colorSuccess: '#30D158',
colorWarning: '#FF9230',
colorError: '#FF4245',
colorInfo: '#0A84FF',
colorLink: '#5AC8F5',
colorCyan: '#5AC8F5',
colorPink: '#FF69B4',
colorPurple: '#800080',
colorMagenta: '#FF00FF',
colorVolcano: '#FF4500'
}
const getColors = () => { const getColors = () => {
return colors return COLORS
} }
// Set CSS custom properties for theme colors // Set CSS custom properties for theme colors
useEffect(() => { useEffect(() => {
const root = document.documentElement const root = document.documentElement
root.style.setProperty('--color-primary', colors.colorPrimary) root.style.setProperty('--color-primary', COLORS.colorPrimary)
root.style.setProperty('--color-success', colors.colorSuccess) root.style.setProperty('--color-success', COLORS.colorSuccess)
root.style.setProperty('--color-warning', colors.colorWarning) root.style.setProperty('--color-warning', COLORS.colorWarning)
root.style.setProperty('--color-error', colors.colorError) root.style.setProperty('--color-error', COLORS.colorError)
root.style.setProperty('--color-info', colors.colorInfo) root.style.setProperty('--color-info', COLORS.colorInfo)
root.style.setProperty('--color-link', colors.colorLink) root.style.setProperty('--color-link', COLORS.colorLink)
root.style.setProperty('--color-cyan', colors.colorCyan) root.style.setProperty('--color-cyan', COLORS.colorCyan)
root.style.setProperty('--color-pink', colors.colorPink) root.style.setProperty('--color-pink', COLORS.colorPink)
root.style.setProperty('--color-purple', colors.colorPurple) root.style.setProperty('--color-purple', COLORS.colorPurple)
root.style.setProperty('--color-magenta', colors.colorMagenta) root.style.setProperty('--color-magenta', COLORS.colorMagenta)
root.style.setProperty('--color-volcano', colors.colorVolcano) root.style.setProperty('--color-volcano', COLORS.colorVolcano)
root.style.setProperty('--layout-header-bg', isDarkMode ? '#141414' : '#ffffff') root.style.setProperty('--layout-header-bg', isDarkMode ? '#141414' : '#ffffff')
}, [isDarkMode]) }, [isDarkMode])
const themeConfig = { const themeConfig = {
algorithm: getThemeAlgorithm(), algorithm: getThemeAlgorithm(),
token: { token: {
...colors, ...COLORS,
borderRadius: '12px' borderRadius: '12px'
}, },
components: { components: {