eleven-solutions-common-website-unique-web 9.0.27 → 9.0.28
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.
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
2
3
|
const TemplateForm = () => {
|
|
3
|
-
|
|
4
|
+
const [name, setName] = useState("");
|
|
5
|
+
const [content, setContent] = useState("");
|
|
6
|
+
const handleCancelClick = () => {
|
|
7
|
+
setName("");
|
|
8
|
+
setContent("");
|
|
9
|
+
window.history.pushState({}, "", "/admin/template");
|
|
10
|
+
window.dispatchEvent(new PopStateEvent("popstate"));
|
|
11
|
+
};
|
|
12
|
+
return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: "Add Template" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", value: name, onChange: (e) => setName(e.target.value), className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Content ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", value: content, onChange: (e) => setContent(e.target.value), className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Content" })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", 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: "Add" }), _jsx("button", { type: "button", onClick: handleCancelClick, 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" })] })] }) }) }));
|
|
4
13
|
};
|
|
5
14
|
export default TemplateForm;
|
package/package.json
CHANGED
|
@@ -1,6 +1,17 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useState } from "react";
|
|
2
2
|
|
|
3
3
|
const TemplateForm = () => {
|
|
4
|
+
const [name, setName] = useState("");
|
|
5
|
+
const [content, setContent] = useState("");
|
|
6
|
+
|
|
7
|
+
const handleCancelClick = () => {
|
|
8
|
+
setName("");
|
|
9
|
+
setContent("");
|
|
10
|
+
|
|
11
|
+
window.history.pushState({}, "", "/admin/template");
|
|
12
|
+
window.dispatchEvent(new PopStateEvent("popstate"));
|
|
13
|
+
};
|
|
14
|
+
|
|
4
15
|
return (
|
|
5
16
|
<div className="max-w-4xl p-6 mx-auto dark:bg-gray-800">
|
|
6
17
|
<div>
|
|
@@ -16,6 +27,8 @@ const TemplateForm = () => {
|
|
|
16
27
|
<input
|
|
17
28
|
required
|
|
18
29
|
type="text"
|
|
30
|
+
value={name}
|
|
31
|
+
onChange={(e) => setName(e.target.value)}
|
|
19
32
|
className="w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
|
|
20
33
|
placeholder="Enter Name"
|
|
21
34
|
/>
|
|
@@ -27,6 +40,8 @@ const TemplateForm = () => {
|
|
|
27
40
|
<input
|
|
28
41
|
required
|
|
29
42
|
type="text"
|
|
43
|
+
value={content}
|
|
44
|
+
onChange={(e) => setContent(e.target.value)}
|
|
30
45
|
className="w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
|
|
31
46
|
placeholder="Enter Content"
|
|
32
47
|
/>
|
|
@@ -41,6 +56,7 @@ const TemplateForm = () => {
|
|
|
41
56
|
</button>
|
|
42
57
|
<button
|
|
43
58
|
type="button"
|
|
59
|
+
onClick={handleCancelClick}
|
|
44
60
|
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"
|
|
45
61
|
>
|
|
46
62
|
Cancel
|