import { useEffect, useState } from 'react';
import Center from './center';
import './index.less';
import Settings from './settings';

const Userinfo = () => {
  const [activeKey, setActiveKey] = useState<string>();
  const urlArr = location.pathname.split('/')[2];

  useEffect(() => {
    switch (urlArr) {
      case 'settings':
        setActiveKey('settings');
        break;
      case 'center':
        setActiveKey('center');
        break;
      default:
        break;
    }
  }, [urlArr]);
  return (
    <div className="userinfo-set">
        {activeKey === 'center' ? <Center/>:<Settings/>}
    </div>
  );
};
export default Userinfo;