import PanoBaseLogin from "./PanoBaseLogin"
import TieShanLogin from "../project/tieshan"
import LinTao from '../project/linTao'
import { useState , useEffect } from "react"

const LoginTemplate = {
    "铁山" : TieShanLogin,
    "临洮" : LinTao,
    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