1 line
203 KiB
JSON
1 line
203 KiB
JSON
|
|
{"ast":null,"code":"var _jsxFileName = \"/Users/laurynj/Desktop/\\u1112\\u1162\\u110B\\u1163\\u11BC\\u1100\\u1167\\u11BC\\u110E\\u1161\\u11AF\\u110B\\u1165\\u11B8 \\u1100\\u1169\\u11BC\\u1100\\u1169\\u11BC\\u1109\\u1161\\u110B\\u1165\\u11B8/@GIS_\\u1112\\u1161\\u11B7\\u110C\\u1165\\u11BC\\u110B\\u116D\\u11BC/GIS_\\u1112\\u1161\\u11B7\\u110C\\u1165\\u11BC\\u110B\\u116D\\u11BC_\\u1105\\u1175\\u110B\\u1162\\u11A8\\u1110\\u1173/dark/src/component/wrap/side/Panel1Component.jsx\",\n _s = $RefreshSig$();\nimport { useState } from 'react';\nimport { Link } from \"react-router-dom\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nexport default function Panel1Component({\n isOpen,\n onToggle\n}) {\n _s();\n // 아코디언\n const [isAccordionOpen1, setIsAccordionOpen1] = useState(false); // 기존\n const [isAccordionOpen2, setIsAccordionOpen2] = useState(false); // 새 아코디언\n\n const toggleAccordion1 = () => setIsAccordionOpen1(prev => !prev);\n const toggleAccordion2 = () => setIsAccordionOpen2(prev => !prev);\n\n // 탭이동\n const [activeTab, setActiveTab] = useState('ship01');\n const tabs = [{\n id: 'ship01',\n label: '선박검색'\n }, {\n id: 'ship02',\n label: '허가선박'\n }, {\n id: 'ship03',\n label: '제재단속'\n }, {\n id: 'ship04',\n label: '침몰선박'\n }, {\n id: 'ship05',\n label: '선박입출항'\n }, {\n id: 'ship06',\n label: '관심선박'\n }];\n return /*#__PURE__*/_jsxDEV(\"aside\", {\n className: `slidePanel ${!isOpen ? 'is-closed' : ''}`,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"tabBox\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"tabDefault\",\n children: tabs.map(tab => /*#__PURE__*/_jsxDEV(\"button\", {\n type: \"button\",\n className: activeTab === tab.id ? 'on' : '',\n onClick: () => setActiveTab(tab.id),\n children: tab.label\n }, tab.id, false, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 17\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: `tabWrap ${activeTab === 'ship01' ? 'is-active' : ''}`,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"tabTop\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"title\",\n children: \"\\uC120\\uBC15 \\uAC80\\uC0C9\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"formGroup\",\n children: /*#__PURE__*/_jsxDEV(\"ul\", {\n children: [/*#__PURE__*/_jsxDEV(\"li\", {\n children: [/*#__PURE__*/_jsxDEV(\"label\", {\n children: [/*#__PURE__*/_jsxDEV(\"span\", {\n children: \"\\uC120\\uC885\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 29\n }, this), /*#__PURE__*/_jsxDEV(\"select\", {\n children: [/*#__PURE__*/_jsxDEV(\"option\", {\n value: \"\",\n children: \"\\uC804\\uCCB4\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 33\n }, this), /*#__PURE__*/_jsxDEV(\"option\", {\n value: \"\",\n children: \"\\uC5B4\\uC120\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 33\n }, this), /*#__PURE__*/_jsxDEV(\"option\", {\n value: \"\",\n
|