| | |
| | | import * as React from 'react'; |
| | | import { useStore } from 'react-admin' |
| | | import { useTheme } from '@mui/material/styles'; |
| | | import { DEFAULT_THEME_NAME } from '@/config/setting'; |
| | | |
| | | const Logo = (props) => { |
| | | const theme = useTheme(); |
| | | const [themeName] = useStore('themeName', 'soft'); |
| | | const [themeName] = useStore('themeName', DEFAULT_THEME_NAME); |
| | | |
| | | const lightLogo = (param) => { |
| | | return ( |
| | |
| | | } |
| | | |
| | | const getLogo = (themeName, mode) => { |
| | | console.log(mode); |
| | | |
| | | switch (themeName) { |
| | | case 'rcs': |
| | | return mode === 'dark' ? darkLogo() : darkLogo({opacity: 1}); |
| | | case DEFAULT_THEME_NAME: |
| | | return darkLogo(); |
| | | case 'soft': |
| | | return theme.palette.mode === 'dark' ? darkLogo() : lightLogo({opacity: .7}); |
| | | return theme.palette.mode === 'dark' ? darkLogo() : lightLogo({ opacity: .7 }); |
| | | case 'default': |
| | | return theme.palette.mode === 'dark' ? darkLogo() : darkLogo(); |
| | | case 'nano': |