/*
 * @Title:
 * @Author: hongmye
 * @Date: 2024-05-24 17:27:53
 */
import { useState, useEffect } from 'react';
import PanoBaseLogin from './PanoBaseLogin';
import TieShanLogin from '../project/tieshan';
import LinTao from '../project/linTao';
import MiLe from '../project/miLe';
import Linwei from '../project/linwei';
import SuzhouLogin from '../project/suzhou';

const LoginTemplate = {
  铁山: TieShanLogin,
  临洮: LinTao,
  弥勒: MiLe,
  临渭: Linwei,
  宿州: SuzhouLogin,
  default: PanoBaseLogin,
};

const Panorama = props => {
  const { loginParams, ...reset } = props;

  const [params, setParams] = useState({});

  useEffect(() => {
    if (!loginParams) {
      setParams({});
    } else {
      const params = {};
      loginParams.map(data => {
        const [key, value] = data.split('=');
        params[key] = value;
      });
      setParams(params);
    }
  }, [loginParams]);

  const LoginCompontnt =
    params.projectName && LoginTemplate[params['项目']]
      ? LoginTemplate[params['项目']]
      : params.projectName
      ? LoginTemplate.default
      : LoginTemplate.default;

  return <LoginCompontnt {...reset} loginParams={params} />;
};

export default Panorama;