import React, { useState, useEffect, useCallback } from 'react';
import ReactDOM from 'react-dom';
import { ajax } from '@/utils';
import './global.scss';
import BasicLayout from '@/layouts/BasicLayout';
import MenuList from '@/components/menu-list';

function MenuManage() {
  const [isLoading, setLoading] = useState(false);
  const [data, setData] = useState([]);
  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = useCallback(async () => {
    await setLoading(true);
    try {
      const responseData = await ajax({
        api: 'getMenu',
        method: 'get'
      });

      await setLoading(false);
      if (responseData.success) {
        await setData(responseData.result);
      } else {
      }
    } catch (e) {}
  });

  return (
    <BasicLayout>
      {data && data[0] ? <MenuList title="菜单管理" treeData={data} /> : null}
    </BasicLayout>
  );
}
ReactDOM.render(<MenuManage />, document.getElementById('ice-container'));