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 PdfDlg from './PdfDlg'

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 <BxjcDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'SljcLayer') {
    return <BxjcDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'ByjcLayer') {
    return <BxjcDlg record={properties} onClose={handleClose} />
  }else if (layerId === 'PdfLayer') {
    return <PdfDlg record={properties} onClose={handleClose} />
  } 
  

  return null;
}

export default React.memo(InfoDlg);