import './App.css';
import '@/asset/css/index.css'
import AppHeader from './components/app-header/index.jsx'
import AppLeft from './components/app-left/index.jsx'
import AppContent from './components/app-content/index.jsx'
import AppPlay from './components/app-player/index.jsx'
import 'antd/dist/antd.min.css';
import { useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { getPlayerInfo } from './store/modules/playerSlice';

function App() {
  const dispatch = useDispatch()
  // useEffect(()=>{
  //   dispatch(getPlayerInfo())
  // })
  return (
    <div className='App'>
      <AppLeft/>
      <div className='main'>
      <AppHeader/>
      <AppContent/>
      <AppPlay/>
      </div>
    </div>
  );
}

export default App;