|  |  | 
 |  |  | 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 mode === 'dark' ? darkLogo() : lightLogo({ opacity: .7 }); | 
 |  |  |             case 'default': | 
 |  |  |                 return theme.palette.mode === 'dark' ? darkLogo() : darkLogo(); | 
 |  |  |                 return mode === 'dark' ? darkLogo() : darkLogo(); | 
 |  |  |             case 'nano': | 
 |  |  |                 return theme.palette.mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |                 return mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |             case 'radiant': | 
 |  |  |                 return theme.palette.mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |                 return mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |             case 'house': | 
 |  |  |                 return theme.palette.mode === 'dark' ? lightLogo() : darkLogo(); | 
 |  |  |                 return mode === 'dark' ? lightLogo() : darkLogo(); | 
 |  |  |             case 'chiptune': | 
 |  |  |                 return theme.palette.mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |                 return mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |             default: | 
 |  |  |                 return lightLogo(); | 
 |  |  |         } | 
 |  |  | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <div style={{ | 
 |  |  |             // backgroundColor: 'red', | 
 |  |  |             display: 'flex', | 
 |  |  |             justifyContent: 'center', | 
 |  |  |             alignItems: 'center', |