import React from 'react';

import { useDispatch, useSelector } from 'react-redux';
import { getInfoDlg } from '../../../models/map/selectors';
import AdPlanViewDlg from './AdPlanViewDlg';
import DikePatrol from './DikePatrol';
import DrpStDlg from './DrpStDlg';
import FzdxDlg from './FzdxDlg';
import HDStDlg from './HDStDlg';
import LayersDlg from './LayersDlg';
import OverallSmtp from './OverallSmtp';
import PumpDlg from './PumpDlg';
import ShqxGrbInfoDlg from './ShqxGrbInfoDlg';
import ShWarnInfo from './ShWarnInfo';
import SkDlg from './SkDlg';
import SkSmtp from './SkSmtp';
import StartWarnResp from './StartWarnResp';
import WarnRespCloseDlg from './StartWarnResp/WarnRespCloseDlg';
import WarnRespDisposeDlg from './StartWarnResp/WarnRespDisposeDlg';
import WarnRespInfoDlg from './StartWarnResp/WarnRespInfoDlg';
import StWarnRecord from './StWarnRecord';
import WarnRespPlanViewDlg from './WarnRespPlanViewDlg';
import ThreeDlg from './Three';
import GqzzDlg from './GqzzDlg';
import GqbzDlg from './GqbzDlg';
import SqDlg from './SqDlg';
import LlqdDlg from './LlqdDlg';
import LlsbDlg from './LlsbDlg';
import BxjcDlg from './BxjcBlg'
import ByjcDlg from './Byjc1Dlg'
import PdfDlg from './PdfDlg'
import SyjcDlg from './SyjcDlg'
import SljcDlg from './SljcDlg'
import BjDlg from './BjDlg'
import HistoryYyDlg from './HistoryYyDlg';
import YascDlg from './YascDlg';
import YbcgDlg from './YbcgDlg'
import DdcgDlg from './DdcgDlg'
import FadbDlg from './FadbDlg'
import ShuikuyhDlg from './ShuikuyhDlg';
import XunchaDlg from './XunchaDlg';
import XcxqDlg from './XcxqDlg';
import WyWarnDlg from './WyWarnDlg';
import ShuiChangDlg from './ShuiChangDlg';
import ShuiyuandiDlg from './ShuiyuandiDlg';
import ShuiBengDlg from './ShuiBengDlg'
import ShuichangguanwangDlg from './ShuichangguanwangDlg';
import FlowjcDlg from './FlowjcDlg'
import EditFaDlg from './EditFaDlg'
function InfoDlg() {
  const infoDlg = useSelector(getInfoDlg);
  const dispatch = useDispatch();

  const handleClose = () => {
    dispatch.runtime.setInfoDlg(undefined);
  };

  if (!infoDlg) {
    return null;
  }

  const { layerId, properties } = infoDlg;
  if (layerId === 'RealSkLayer') {
    return <SkDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'RealHDLayer') {
    return <HDStDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'RealDrpLayer') {
    return <DrpStDlg record={properties} onClose={handleClose} />
  } else if (layerId === "ShWarn") {
    return <ShWarnInfo record={properties} onClose={handleClose} />
  } else if (layerId === "SkSmtp") {
    return <SkSmtp record={properties} onClose={handleClose} />
  } else if (layerId === "Layers") {
    return <LayersDlg onClose={handleClose} />
  } else if (layerId === 'AdPlanView') {
    return <AdPlanViewDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'FzdxLayer') {
    return <FzdxDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'WarnRespPlanView') {
    return <WarnRespPlanViewDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'StartWarnResp') {
    return <StartWarnResp record={properties} onClose={handleClose} />
  } else if (layerId === 'DisposeWarnResp') {
    return <WarnRespDisposeDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'CloseWarnResp') {
    return <WarnRespCloseDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'WarnRespInfo') {
    return <WarnRespInfoDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'StWarnRecord') {
    return <StWarnRecord record={properties} onClose={handleClose} />
  } else if (layerId === 'ShqxGrbInfo') {
    return <ShqxGrbInfoDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'OverallSmtp') {
    return <OverallSmtp record={properties} onClose={handleClose} />
  } else if (layerId === 'DikePatrol') {
    return <DikePatrol record={properties} onClose={handleClose} />
  } else if (layerId === 'PumpLayer') {
    return <PumpDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'Three') {
    return <ThreeDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'GqzzLayer') {
    return <GqzzDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'GqbzLayer') {
    return <GqbzDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'sqLayer') {
    return <SqDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'llqdLayer') {
    return <LlqdDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'llsbLayer') {
    return <LlsbDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'BxjcLayer') {
    return <BxjcDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'SyjcLayer') {
    return <SyjcDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'SljcLayer') {
    return <SljcDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'ByjcLayer') {
    return <ByjcDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'PdfLayer') {
    return <PdfDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'BjLayer') {
    return <BjDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'lsyyLayer') {
    return <HistoryYyDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'YuananLayer') {
    return <YascDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'YbcgLayer') {
    return <YbcgDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'DdcgLayer') {
    return <DdcgDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'FadbLayer') {
    return <FadbDlg record={properties} onClose={handleClose} />
  } else if (layerId === 'ShuikuyanghuLayer') {
    return <ShuikuyhDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'XunchachaoshiLayer') {
    return <XunchaDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'ChaoshiDetailLayer') {
    return <PdfDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'XcxqLayer') {
    return <XcxqDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'WyWarnLayer') {
    return <WyWarnDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'ShuichangLayer') {
    return <ShuiChangDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'ShuiyuandiLayer') {
    return <ShuiyuandiDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'ShuiBengLayer') {
    return <ShuiBengDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'GwLayer') {
    return <ShuichangguanwangDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'flowjcLayer') {
    return <FlowjcDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'editFaLayer') {
    return <EditFaDlg record={properties} onClose={handleClose} />
  }
  

  return null;
}

export default React.memo(InfoDlg);