-
-
+ useEffect(() => {
+ axios.get("/api/tps").then((res) => {
+ setTps(res.data);
+ });
+ }, []);
+
+ return (
+
+
Your TPs
+
+ {tps.map((practical) => (
+
+
+
{practical.name}
+
{practical.description}
+
Respo: {practical.respo}
+
+
+ Learn More
+
+
+
+
+ ))}
);
diff --git a/src/pages/admin/CreateTp.tsx b/src/pages/admin/CreateTp.tsx
new file mode 100644
index 0000000..d4aa53f
--- /dev/null
+++ b/src/pages/admin/CreateTp.tsx
@@ -0,0 +1,159 @@
+import axios from "axios";
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+function CreateTp() {
+ const [practical, setPractical] = useState({
+ title: "",
+ description: "",
+ duration: "",
+ tools: "",
+ difficulty: "Intermediate",
+ date: "",
+ pdf: "",
+ });
+ const navigate = useNavigate();
+
+ const handleInputChange = (e) => {
+ const { name, value } = e.target;
+ setPractical({ ...practical, [name]: value });
+ };
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ console.log("Practical created :", practical);
+ axios.post("/api/tps", practical).then((res) => {
+ if (res.status === 200) {
+ navigate(`/tps/${res.data.id}`);
+ }
+ });
+ };
+ return (
+
+
+
+ Create Practical
+
+
+
+
+
+ );
+}
+
+export default CreateTp;
diff --git a/tailwind.config.js b/tailwind.config.js
index ba8c221..766e7d8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,10 +4,27 @@ import daisyui from "daisyui";
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
- extend: {},
+ extend: {
+ colors: {},
+ },
+ colors: {},
},
plugins: [daisyui],
daisyui: {
- themes: ["light", "dark"],
+ // themes: ["light", "dark"],
+ themes: [
+ {
+ light: {
+ ...require("daisyui/src/theming/themes")["light"],
+ primary: "#99d2fd",
+ test: "#76beee",
+ },
+ dark: {
+ ...require("daisyui/src/theming/themes")["dark"],
+ primary: "#34a6fc",
+ test: "#1f5078",
+ },
+ },
+ ],
},
};