공통 컴포넌트 view,container 적용

src/components/ui/custominput/index.tsx

@@ -15,6 +15,7 @@ interface Props {
   bsSize?: 'lg' | 'sm' | undefined;
   label?: string;
   inline?: boolean;
+  defaultChecked?: boolean;
 }
 /**
  *
@@ -31,6 +32,7 @@ interface Props {
  * @param type?:string
  * @param bsSize?: "lg" | "sm"
  * @param inline?:boolean default false
+ * @param defaultChecked?:boolean default false
  *
  */
 
@@ -47,7 +49,8 @@ export default function CustomInputs({
   readOnly,
   type,
   inline,
-  bsSize
+  bsSize,
+  defaultChecked = false
 }: Props) {
   return (
     <>
@@ -64,6 +67,7 @@ export default function CustomInputs({
         onClick={onClick}
         inline={inline}
         onChange={onChange}
+        defaultChecked={defaultChecked}
       >
         {children}
       </CustomInput>

src/containers/account/mypage/AccountMypageContainer.js

@@ -14,7 +14,7 @@ import {
   ModalHeader,
   ModalBody,
   ModalFooter
-} from 'reactstrap';
+} from '../../../components/ui/index';
 import { accountAPI } from '../../../modules/account/register';
 import AccountMypagePwForm from '../../../components/account/mypage/AccountMypagePwForm';
 import AccountMypageForm from '../../../components/account/mypage/AccountMypageForm';

src/containers/analysis/history/AnalysisHistoryContainer.js

@@ -16,7 +16,7 @@ import {
   ModalHeader,
   ModalBody,
   ModalFooter
-} from 'reactstrap';
+} from '../../../components/ui/index';
 import * as LaancAction from '../../../modules/laanc/actions/laancActions';
 import { useHistory } from 'react-router-dom';
 import { MessageErrorModal } from '../../../components/message/MessageErrorModal';

src/containers/basis/flight/plan/WeatherContainer.js

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import dayjs from 'dayjs';
 import { Compass } from 'react-feather';
-import { Spinner } from 'reactstrap';
+import { Spinner } from '../../../../components/ui/index';
 import {
   TodayWeather,
   TomorrowWeahter,

src/containers/cstmrService/inquiry/AdminInquiryContainer.js

@@ -1,6 +1,6 @@
 import { useEffect, useState, useCallback } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import { Col, Row } from 'reactstrap';
+import { Col, Row } from '../../../components/ui/index';
 import {
   ADMIN_LIST,
   ADMIN_DETAIL,

src/containers/laanc/LaancContainer.js

@@ -1,6 +1,6 @@
 import { useEffect, useState, lazy, Suspense } from 'react';
 import { useLocation } from 'react-router-dom';
-import { Button, Badge } from 'reactstrap';
+import { Button, Badge } from '../../components/ui/index';
 import { useDispatch } from 'react-redux';
 import { CustomMainLayout } from '../../components/layout/CustomMainLayout';
 import * as LaancAction from '../../modules/laanc/actions/laancActions';

src/containers/laanc/LaancPlanContainer.js

@@ -1,7 +1,7 @@
 import { lazy, useEffect, useState, Suspense } from 'react';
 import LaancModal from '../../components/laanc/LaancModal';
 import { initFlightBas } from '../../modules/laanc/models/laancModels';
-import { Modal } from 'reactstrap';
+import { Modal } from '../../components/ui/index';
 import { AREA_DETAIL_INIT } from '../../modules/laanc/actions/laancActions';
 import { useDispatch, useSelector } from 'react-redux';
 import { drawTypeChangeAction } from '../../modules/control/map/actions/controlMapActions';

src/containers/main/dash/MainDashContainer.js

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
 import { useHistory } from 'react-router-dom';
 import dayjs from 'dayjs';
-import { Col, Row } from 'reactstrap';
+import { Col, Row } from '../../../components/ui/index';
 import DroneFlightSchedule from '../../../components/dashboard/DroneFlightSchedule';
 import { DashboardGroupList } from '../../../components/dashboard/DashboardGroupList';
 import { DashboardStcsArea } from '../../../components/dashboard/DashboardStcsArea';

src/views/control/alarm/ControlAlarmDetail.js

@@ -1,4 +1,10 @@
-import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
+import {
+  Button,
+  Modal,
+  ModalHeader,
+  ModalBody,
+  ModalFooter
+} from '../../../components/ui/index';
 
 const ControlAlarmDetail = ({
   historyModal,

src/views/control/alarm/ControlAlarmList.js

@@ -3,7 +3,7 @@ import { X } from 'react-feather';
 import { useDispatch, useSelector } from 'react-redux';
 import { controlGpLogAction } from '../../../modules/control/gp/actions/controlGpAction';
 import ControlAlarmDetail from './ControlAlarmDetail';
-import { Badge } from 'reactstrap';
+import { Badge } from '../../../components/ui/index';
 
 const ControlAlarmList = props => {
   const dispatch = useDispatch();

src/views/control/main/ControlMain.js

@@ -13,7 +13,7 @@ import {
 } from 'react-feather';
 import { AiOutlinePoweroff } from 'react-icons/ai';
 import { IoAlertOutline } from 'react-icons/io5';
-import { Card } from 'reactstrap';
+import { Card } from '../../../components/ui/index';
 import ControlSetting from '../setting/ControlSetting';
 import WebsocketClient from '../../../components/websocket/WebsocketClient';
 import { controlweatherAction } from '../../../modules/control/gp/actions/controlGpAction';

src/views/control/report/ControlReportDetail.js

@@ -10,7 +10,7 @@ import {
   CloudRain,
   CloudSnow
 } from 'react-feather';
-import { Table } from 'reactstrap';
+import { Table } from '../../../components/ui/index';
 import drone_img from '../../../assets/images/drone.jpg';
 import uam_img from '../../../assets/images/uam_img.jpg';
 import drone_yellow from '../../../assets/images/drone_yellow.png';

src/views/control/report/ControlReportList.js

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { Search, X } from 'react-feather';
 import { useDispatch, useSelector } from 'react-redux';
-import { Badge, Button, Input, InputGroup } from 'reactstrap';
+import { Badge, Button, Input, InputGroup } from '../../../components/ui/index';
 import dayjs from 'dayjs';
 import { controlGpDtlAction } from '../../../modules/control/gp';
 import { objectClickAction } from '../../../modules/control/map/actions/controlMapActions';

src/views/control/setting/ControlSetting.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { useHistory } from 'react-router-dom';
-import { Button, ButtonGroup, CustomInput } from 'reactstrap';
+import { Button, ButtonGroup, CustomInput } from '../../../components/ui/index';
 import * as Actions from '../../../modules/menu/actions/menuAction';
 import {
   areaClickAction,

src/views/control/weather/WeatherList.js

@@ -11,7 +11,7 @@ import {
   CloudRain,
   CloudSnow
 } from 'react-feather';
-import { Button, InputGroup, InputGroupAddon, Input, Table } from 'reactstrap';
+import { Button, InputGroup, Input, Table } from '../../../components/ui/index';
 
 const WeatherList = props => {
   const [clickTab, setClickTab] = useState(true);