@esvndev/es-react-config-setting 1.0.2 → 1.0.3

package/dist/index.mjs

@@ -6182,23 +6182,29 @@ const SettingApp = (props) => {
         return l;
     };
     const [dataSetting, setDataSetting] = useState([{
+            id: 1,
             name: 'Cài đặt chung'
         }, {
+            id: 2,
             name: 'Quyền riêng tư'
         }, {
+            id: 3,
             name: 'Giao diện'
         }, {
+            id: 4,
             name: 'Thông báo'
         }, {
+            id: 5,
             name: 'Tin nhắn'
         }, {
+            id: 6,
             name: 'Tiện ích'
         }]);
     return (jsx(Fragment, { children: isOpen ?
-            jsx(Modal$1, { isOpen: true, toggle: handleModal, className: 'modal-dialog-centered modal-lg', contentClassName: 'p-0', onOpened: handleFormOpened, onClosed: handleFormClosed, backdrop: backdrop, children: jsx(Form$1, { id: 'form-modal-globalzone', className: 'todo-modal', onSubmit: handleSubmit, children: jsxs("div", { className: "", children: [jsx(ModalHeader, { handleModal: handleModal, typeModal: "typeModal", title: 'C\u00E0i \u0111\u1EB7t' }), jsxs(Row, { className: "m-0 gy-1 mb-2 me-1", children: [jsx(Col, { md: 4, xs: 12, children: jsx(lib.Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: windowSize.innerHeight - 180, children: jsx(ModalBody, { children: jsx(Row, { className: "m-0 gy-1 mb-2 me-1", children: dataSetting && dataSetting.length > 0 ?
-                                                        dataSetting.map((item) => {
-                                                            jsx(Col, { md: 12, xs: 12, children: jsx("label", { children: item.name }) });
-                                                        }) : null }) }) }) }), jsx(Col, { md: 8, xs: 12, children: jsx(lib.Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: windowSize.innerHeight - 180, children: jsx(ModalBody, { children: jsx("div", { children: jsxs("div", { className: 'box form-box__border mb-2', children: [jsx("h5", { className: "m-0 form-box__border--title", children: t('General information') }), jsx(Row, { className: "m-0 gy-1 mb-2 me-1" })] }) }) }) }) })] })] }) }) })
+            jsx(Modal$1, { isOpen: true, toggle: handleModal, className: 'modal-dialog-centered modal-lg', contentClassName: 'p-0', onOpened: handleFormOpened, onClosed: handleFormClosed, backdrop: backdrop, children: jsx(Form$1, { id: 'form-modal-globalzone', className: 'todo-modal', onSubmit: handleSubmit, children: jsxs("div", { className: "", children: [jsx(ModalHeader, { handleModal: handleModal, typeModal: "typeModal", title: 'C\u00E0i \u0111\u1EB7t' }), jsxs(Row, { className: "m-0 gy-1 mb-2 me-1", children: [jsx(Col, { md: 4, xs: 12, children: jsx(lib.Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: windowSize.innerHeight - 180, children: jsx(Row, { className: "m-0 gy-1 mb-2 me-1", children: dataSetting && dataSetting.length > 0 ?
+                                                    dataSetting.map((item) => {
+                                                        jsx(Col, { md: 12, xs: 12, children: jsx("label", { children: item.name }) }, item.id);
+                                                    }) : null }) }) }), jsx(Col, { md: 8, xs: 12, children: jsx(lib.Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: windowSize.innerHeight - 180, children: jsx(ModalBody, { children: jsx("div", { children: jsxs("div", { className: 'box form-box__border mb-2', children: [jsx("h5", { className: "m-0 form-box__border--title", children: t('General information') }), jsx(Row, { className: "m-0 gy-1 mb-2 me-1" })] }) }) }) }) })] })] }) }) })
             : null }));
 };