eleven-solutions-common-website-unique-web 4.0.27 → 4.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -23,6 +23,7 @@ const TaxonomyForm = () => {
|
|
|
23
23
|
const [subType, setSubType] = useState("");
|
|
24
24
|
const [subCode, setSubCode] = useState("");
|
|
25
25
|
const [subValue, setSubValue] = useState("");
|
|
26
|
+
const [isAddingSubType, setIsAddingSubType] = useState(false);
|
|
26
27
|
const [tempTaxonomy, setTempTaxonomy] = useState([]);
|
|
27
28
|
const [similarTaxonomies, setSimilarTaxonomies] = useState([]);
|
|
28
29
|
const [isSimilarTaxonomyOpen, setIsSimilarTaxonomyOpen] = useState(true);
|
|
@@ -189,6 +190,14 @@ const TaxonomyForm = () => {
|
|
|
189
190
|
setNewValue(item.value);
|
|
190
191
|
setIsModalOpen(true);
|
|
191
192
|
};
|
|
193
|
+
const handleAddSubTypeClick = (index, id) => {
|
|
194
|
+
const item = similarTaxonomies[index];
|
|
195
|
+
setSelectedTaxonomyId(id);
|
|
196
|
+
setNewCode(item.code);
|
|
197
|
+
setNewValue(item.value);
|
|
198
|
+
setIsModalOpen(true);
|
|
199
|
+
setIsAddingSubType(true);
|
|
200
|
+
};
|
|
192
201
|
const handleEditTaxClick = () => __awaiter(void 0, void 0, void 0, function* () {
|
|
193
202
|
try {
|
|
194
203
|
yield updateTaxonomyApi(selectedTaxonomyId, type, Number(newCode), newValue);
|
|
@@ -237,15 +246,17 @@ const TaxonomyForm = () => {
|
|
|
237
246
|
!isEditMode && (_jsx("button", { type: "submit", onClick: handleSave, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Save" : "Add" })), _jsx("button", { onClick: handleCancelClick, type: "button", className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] })] })), isSimilarTaxonomyOpen && isMultiple && isEditMode && (_jsxs("div", { className: "flex-grow ml-0 mt-4 w-full", children: [_jsx("div", { className: "overflow-hidden border border-gray-200 dark:border-gray-700 md:rounded-lg mt-6", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Actions" })), _jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Code" }), _jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Value" })] }) }), _jsx("tbody", { className: "divide-y divide-gray-200", children: similarTaxonomies.map((taxonomy, index) => (_jsxs("tr", { children: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("td", { className: "px-4 py-4 text-sm whitespace-nowrap", children: _jsxs("div", { className: "flex items-center gap-x-6", children: [_jsx("button", { type: "button", onClick: () => handleDeleteClick(taxonomy.id), className: "text-gray-500 transition-colors duration-200 dark:hover:text-red-600 dark:text-gray-300 hover:text-red-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) }) }), _jsx("button", { type: "button", onClick: () => {
|
|
238
247
|
handleEditClick(index, taxonomy.id);
|
|
239
248
|
}, className: "text-gray-500 transition-colors duration-200 dark:hover:text-yellow-500 dark:text-gray-300 hover:text-yellow-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" }) }) }), _jsx("button", { type: "button", onClick: () => {
|
|
240
|
-
|
|
241
|
-
}, className: "text-gray-500 transition-colors duration-200 dark:hover:text-blue-500 dark:text-gray-300 hover:text-
|
|
249
|
+
handleAddSubTypeClick(index, taxonomy.id);
|
|
250
|
+
}, className: "text-gray-500 transition-colors duration-200 dark:hover:text-blue-500 dark:text-gray-300 hover:text-blue-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 4.5v15m7.5-7.5h-15" }) }) })] }) })), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-400", children: taxonomy.code }), _jsx("td", { className: "px-4 py-4 text-sm font-medium text-gray-900 dark:text-white", children: taxonomy.value })] }, index))) })] }) }), similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("div", { className: "flex space-x-4 mt-6 justify-start", children: _jsxs("button", { type: "button", onClick: handleOpenModal, className: "flex items-center justify-center px-6 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-600 rounded-lg hover:bg-blue-500 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80", children: [_jsx(FaPlus, { className: "mr-2 font-medium" }), "Add Multiple Values"] }) }))] })), isEditMode && (_jsx(_Fragment, { children: tempTaxonomy.length > 0 && (_jsxs("div", { className: "flex-grow ml-0 mt-4 w-full", children: [_jsx("div", { className: "overflow-hidden border border-gray-200 dark:border-gray-700 md:rounded-lg mt-6", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Edit/Delete" }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left text-gray-500 dark:text-gray-400", children: "Code" }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left text-gray-500 dark:text-gray-400", children: "Value" })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700", children: [...tempTaxonomy].map((item, index) => (_jsxs("tr", { children: [_jsx("td", { className: "px-4 py-4 text-sm whitespace-nowrap", children: _jsxs("div", { className: "flex items-center gap-x-6", children: [_jsx("button", { type: "button", onClick: () => {
|
|
242
251
|
const newTempTaxonomy = [...tempTaxonomy];
|
|
243
252
|
newTempTaxonomy.splice(index, 1);
|
|
244
253
|
setTempTaxonomy(newTempTaxonomy);
|
|
245
254
|
}, className: "text-gray-500 transition-colors duration-200 dark:hover:text-red-600 dark:text-gray-300 hover:text-red-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) }) }), _jsx("button", { type: "button", onClick: () => {
|
|
246
255
|
handleTempEditClick(index);
|
|
247
|
-
}, className: "text-gray-500 transition-colors duration-200 dark:hover:text-yellow-500 dark:text-gray-300 hover:text-yellow-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" }) }) })] }) }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-400", children: item.code }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-400", children: item.value })] }, index))) })] }) }), _jsx("div", { className: "flex space-x-4 mt-6 justify-start", children: _jsx("button", { type: "button", onClick: handleSaveClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Save" }) })] })) })), isMultiple && (_jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Save " : "Add " })), _jsx("button", { onClick: handleCancelClick, type: "button", className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] }))] }), _jsx("div", { className: `fixed inset-y-0 right-0 z-50 w-1/3 bg-white dark:bg-gray-800 p-6 shadow-lg transform ${isModalOpen ? "translate-x-0" : "translate-x-full"} transition-transform duration-300`, children: _jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("h2", { className: "text-xl font-bold text-blue-600 mb-4 ", children:
|
|
248
|
-
? "
|
|
249
|
-
:
|
|
256
|
+
}, className: "text-gray-500 transition-colors duration-200 dark:hover:text-yellow-500 dark:text-gray-300 hover:text-yellow-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" }) }) })] }) }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-400", children: item.code }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-400", children: item.value })] }, index))) })] }) }), _jsx("div", { className: "flex space-x-4 mt-6 justify-start", children: _jsx("button", { type: "button", onClick: handleSaveClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Save" }) })] })) })), isMultiple && (_jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Save " : "Add " })), _jsx("button", { onClick: handleCancelClick, type: "button", className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] }))] }), _jsx("div", { className: `fixed inset-y-0 right-0 z-50 w-1/3 bg-white dark:bg-gray-800 p-6 shadow-lg transform ${isModalOpen ? "translate-x-0" : "translate-x-full"} transition-transform duration-300`, children: _jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("h2", { className: "text-xl font-bold text-blue-600 mb-4 ", children: isAddingSubType
|
|
257
|
+
? "Add SubType"
|
|
258
|
+
: editTaxonomyItem || editTempTaxonomyItem
|
|
259
|
+
? "Edit Values"
|
|
260
|
+
: "Add Values" }), _jsx("button", { onClick: handleCloseModal, className: "text-xl text-gray-600 dark:text-gray-400 h-6 w-6", children: "\u00D7" })] }), isAddingSubType ? (_jsxs(_Fragment, { children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Type" }), _jsx("input", { type: "text", value: subType, onChange: (e) => setSubType(e.target.value), placeholder: "Enter Type", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" }), _jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Code" }), _jsx("input", { type: "number", value: subCode, onChange: (e) => setSubCode(e.target.value), placeholder: "Enter Code", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" }), _jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Value" }), _jsx("input", { type: "text", value: subValue, onChange: (e) => setSubValue(e.target.value), placeholder: "Enter Value", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" })] })) : (_jsxs(_Fragment, { children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Code" }), _jsx("input", { type: "number", value: newCode, onChange: (e) => setNewCode(e.target.value), placeholder: "Enter Code", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" }), _jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Value" }), _jsx("input", { type: "text", value: newValue, onChange: (e) => setNewValue(e.target.value), placeholder: "Enter Value", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" })] })), _jsxs("div", { className: "flex space-x-4 justify-end", children: [_jsx("button", { onClick: handleCloseModal, className: "px-8 py-2.5 leading-5 bg-gray-300 rounded-md", children: "Cancel" }), _jsx("button", { onClick: editTaxonomyItem ? handleEditTaxClick : handleAddClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: editTaxonomyItem || editTempTaxonomyItem ? "Edit" : "Add" })] })] }) })] }));
|
|
250
261
|
};
|
|
251
262
|
export default TaxonomyForm;
|
package/package.json
CHANGED
|
@@ -28,6 +28,8 @@ const TaxonomyForm = () => {
|
|
|
28
28
|
const [subCode, setSubCode] = useState<number | string>("");
|
|
29
29
|
const [subValue, setSubValue] = useState<string>("");
|
|
30
30
|
|
|
31
|
+
const [isAddingSubType, setIsAddingSubType] = useState(false);
|
|
32
|
+
|
|
31
33
|
const [tempTaxonomy, setTempTaxonomy] = useState<any[]>([]);
|
|
32
34
|
|
|
33
35
|
const [similarTaxonomies, setSimilarTaxonomies] = useState<any[]>([]);
|
|
@@ -233,6 +235,16 @@ const TaxonomyForm = () => {
|
|
|
233
235
|
setIsModalOpen(true);
|
|
234
236
|
};
|
|
235
237
|
|
|
238
|
+
const handleAddSubTypeClick = (index: number, id: string) => {
|
|
239
|
+
const item = similarTaxonomies[index];
|
|
240
|
+
setSelectedTaxonomyId(id);
|
|
241
|
+
|
|
242
|
+
setNewCode(item.code);
|
|
243
|
+
setNewValue(item.value);
|
|
244
|
+
setIsModalOpen(true);
|
|
245
|
+
setIsAddingSubType(true);
|
|
246
|
+
};
|
|
247
|
+
|
|
236
248
|
const handleEditTaxClick = async () => {
|
|
237
249
|
try {
|
|
238
250
|
await updateTaxonomyApi(
|
|
@@ -482,9 +494,9 @@ const TaxonomyForm = () => {
|
|
|
482
494
|
<button
|
|
483
495
|
type="button"
|
|
484
496
|
onClick={() => {
|
|
485
|
-
|
|
497
|
+
handleAddSubTypeClick(index, taxonomy.id);
|
|
486
498
|
}}
|
|
487
|
-
className="text-gray-500 transition-colors duration-200 dark:hover:text-blue-500 dark:text-gray-300 hover:text-
|
|
499
|
+
className="text-gray-500 transition-colors duration-200 dark:hover:text-blue-500 dark:text-gray-300 hover:text-blue-500 focus:outline-none"
|
|
488
500
|
>
|
|
489
501
|
<svg
|
|
490
502
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -669,7 +681,12 @@ const TaxonomyForm = () => {
|
|
|
669
681
|
<div className="p-6">
|
|
670
682
|
<div className="flex justify-between">
|
|
671
683
|
<h2 className="text-xl font-bold text-blue-600 mb-4 ">
|
|
672
|
-
{editTaxonomyItem || editTempTaxonomyItem
|
|
684
|
+
{/* {editTaxonomyItem || editTempTaxonomyItem
|
|
685
|
+
? "Edit Values"
|
|
686
|
+
: "Add Values"} */}
|
|
687
|
+
{isAddingSubType
|
|
688
|
+
? "Add SubType"
|
|
689
|
+
: editTaxonomyItem || editTempTaxonomyItem
|
|
673
690
|
? "Edit Values"
|
|
674
691
|
: "Add Values"}
|
|
675
692
|
</h2>
|
|
@@ -681,7 +698,7 @@ const TaxonomyForm = () => {
|
|
|
681
698
|
</button>
|
|
682
699
|
</div>
|
|
683
700
|
|
|
684
|
-
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
|
701
|
+
{/* <label className="text-gray-900 dark:text-gray-200 font-semibold">
|
|
685
702
|
Code
|
|
686
703
|
</label>
|
|
687
704
|
<input
|
|
@@ -700,7 +717,66 @@ const TaxonomyForm = () => {
|
|
|
700
717
|
onChange={(e) => setNewValue(e.target.value)}
|
|
701
718
|
placeholder="Enter Value"
|
|
702
719
|
className="w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md"
|
|
703
|
-
/>
|
|
720
|
+
/> */}
|
|
721
|
+
|
|
722
|
+
{isAddingSubType ? (
|
|
723
|
+
<>
|
|
724
|
+
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
|
725
|
+
Type
|
|
726
|
+
</label>
|
|
727
|
+
<input
|
|
728
|
+
type="text"
|
|
729
|
+
value={subType}
|
|
730
|
+
onChange={(e) => setSubType(e.target.value)}
|
|
731
|
+
placeholder="Enter Type"
|
|
732
|
+
className="w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md"
|
|
733
|
+
/>
|
|
734
|
+
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
|
735
|
+
Code
|
|
736
|
+
</label>
|
|
737
|
+
<input
|
|
738
|
+
type="number"
|
|
739
|
+
value={subCode}
|
|
740
|
+
onChange={(e) => setSubCode(e.target.value)}
|
|
741
|
+
placeholder="Enter Code"
|
|
742
|
+
className="w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md"
|
|
743
|
+
/>
|
|
744
|
+
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
|
745
|
+
Value
|
|
746
|
+
</label>
|
|
747
|
+
<input
|
|
748
|
+
type="text"
|
|
749
|
+
value={subValue}
|
|
750
|
+
onChange={(e) => setSubValue(e.target.value)}
|
|
751
|
+
placeholder="Enter Value"
|
|
752
|
+
className="w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md"
|
|
753
|
+
/>
|
|
754
|
+
</>
|
|
755
|
+
) : (
|
|
756
|
+
<>
|
|
757
|
+
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
|
758
|
+
Code
|
|
759
|
+
</label>
|
|
760
|
+
<input
|
|
761
|
+
type="number"
|
|
762
|
+
value={newCode}
|
|
763
|
+
onChange={(e) => setNewCode(e.target.value)}
|
|
764
|
+
placeholder="Enter Code"
|
|
765
|
+
className="w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md"
|
|
766
|
+
/>
|
|
767
|
+
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
|
768
|
+
Value
|
|
769
|
+
</label>
|
|
770
|
+
<input
|
|
771
|
+
type="text"
|
|
772
|
+
value={newValue}
|
|
773
|
+
onChange={(e) => setNewValue(e.target.value)}
|
|
774
|
+
placeholder="Enter Value"
|
|
775
|
+
className="w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md"
|
|
776
|
+
/>
|
|
777
|
+
</>
|
|
778
|
+
)}
|
|
779
|
+
|
|
704
780
|
<div className="flex space-x-4 justify-end">
|
|
705
781
|
<button
|
|
706
782
|
onClick={handleCloseModal}
|