|  |  |  | 
|---|
|  |  |  | 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) => { | 
|---|
|  |  |  | switch (themeName) { | 
|---|
|  |  |  | 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', | 
|---|