import React, { useEffect } from 'react';
import { Card, notification } from 'antd';
import PageContainer from '@/components/BasePageContainer';
import SQLServerTable from './sqlServer/SQLServerTable';
import DmTable from './dm/DmTable';
import OracleTable from './oracle/OracleTable';
import MongDBTable from './mongDB/MongDBTable';
import MySQLTable from './mysqltable/MySQLTable';
import MasterTable from './master/MasterTable';
import Redis from './redis/RedisTable';

const DatabaseConnectConfig = props => {
  return (
    <PageContainer>
      <div style={{ width: '100%', height: '100%', overflowY: 'scroll' }}>
        <Card>
          <div style={{ marginBottom: '15px' }}>
            <SQLServerTable />
          </div>
          <div style={{ marginBottom: '15px' }}>
            <DmTable />
          </div>
          <div style={{ marginBottom: '15px' }}>
            <OracleTable />
          </div>
          <div style={{ marginBottom: '15px' }}>
            <MongDBTable />
          </div>
          <div style={{ marginBottom: '15px' }}>
            <MySQLTable />
          </div>
          {/* <div style={{ marginBottom: '15px' }}>
            <Redis />
          </div> */}
          <MasterTable />
        </Card>
      </div>
    </PageContainer>
  );
};

export default DatabaseConnectConfig;
