-
+
+
+
+
+
+ TechTalk
+
+
+ {post.createdAt}
+
+
+
+
+ {" "}
+
navigate(`/posts/${post._id}`)}
>
Edit
-
+ {" "}
handleDelete(post._id)}
>
Delete
-
-
{post.title}
-
-
-
{post.description}
-
- {post.image &&
}
+
+ {post.image &&
}
+
+
{post.title}
+
{post.description}
+
+
+
+
+
+
TechTalk
+
{post.createdAt}
+
+
+
+
+ {post.image &&
}
+
+
+
{post.title}
+
{post.description}
+
+
- {children}
-
- )
-}
+ return (
+
+ {children}
+
+ );
+};
-
-export default AuthContext
\ No newline at end of file
+export default AuthContext;
diff --git a/src/context/postContext.js b/src/context/postContext.js
index dc37877..c8d7d45 100644
--- a/src/context/postContext.js
+++ b/src/context/postContext.js
@@ -6,6 +6,7 @@ import {
getPostRequest,
updatePostRequest,
} from "../api/posts";
+import useAuth from "../hooks/useAuth";
export const postContext = createContext();
@@ -16,6 +17,7 @@ export const usePosts = () => {
export const PostProvider = ({ children }) => {
const [posts, setPosts] = useState([]);
+ const {auth } = useAuth()
useEffect(() => {
(async () => {
@@ -26,7 +28,7 @@ export const PostProvider = ({ children }) => {
const createPost = async (post) => {
try {
- const res = await createPostRequest(post);
+ const res = await createPostRequest(post, auth.token);
setPosts([...posts, res.data]);
} catch (error) {
console.log(error)
@@ -34,7 +36,7 @@ export const PostProvider = ({ children }) => {
};
const deletePost = async (id) => {
- await deletePostRequest(id);
+ await deletePostRequest(id, auth.token);
setPosts(posts.filter((post) => post._id !== id));
};
@@ -49,7 +51,7 @@ export const PostProvider = ({ children }) => {
const updatePost = async (id, post) => {
- const res = await updatePostRequest(id, post);
+ const res = await updatePostRequest(id, post, auth.token);
setPosts(posts.map((post) => (post.id === id ? res.data : post)));
};
diff --git a/src/index.js b/src/index.js
index 799f591..81592b2 100644
--- a/src/index.js
+++ b/src/index.js
@@ -19,7 +19,5 @@ root.render(
);
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+
reportWebVitals();
diff --git a/src/pages/Contact.js b/src/pages/Contact.js
new file mode 100644
index 0000000..0d308d0
--- /dev/null
+++ b/src/pages/Contact.js
@@ -0,0 +1,119 @@
+import { useState } from "react";
+
+const ContactForm = () => {
+ const [formValues, setFormValues] = useState({
+ name: "",
+ email: "",
+ message: "",
+ });
+
+ const handleChange = (e) => {
+ setFormValues({
+ ...formValues,
+ [e.target.name]: e.target.value,
+ });
+ };
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ const formData = new FormData(e.target);
+
+ fetch("https://api.web3forms.com/submit", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Accept: "application/json",
+ },
+ body: JSON.stringify(Object.fromEntries(formData)),
+ })
+ .then(async (response) => {
+ let json = await response.json();
+ if (response.status === 200) {
+ console.log(json.message);
+ } else {
+ console.log(response);
+ }
+ })
+ .catch((error) => {
+ console.log(error);
+ });
+
+ setFormValues({
+ name: "",
+ email: "",
+ message: "",
+ });
+ };
+
+ return (
+
+
+
Contact us
+
+ Email us at help@techtalk12.com or message us here:
+
+
+
+
+
-
- Techtalk
-
- Logout
-
-
-
-
- Post ({posts.length})
-
-
-
+
there are not posts
+
+ )
+
+ return (
+
+
+
+
+
+ {posts.map(post => (
+
+ ))}
+
+
+ : 'Save'}
)}
diff --git a/yarn.lock b/yarn.lock
index 93aac5a..82f7395 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1308,6 +1308,39 @@
resolved "https://registry.npmjs.org/@eslint/js/-/js-8.43.0.tgz"
integrity sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==
+"@fortawesome/fontawesome-common-types@6.4.0":
+ version "6.4.0"
+ resolved "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.0.tgz"
+ integrity sha512-HNii132xfomg5QVZw0HwXXpN22s7VBHQBv9CeOu9tfJnhsWQNd2lmTNi8CSrnw5B+5YOmzu1UoPAyxaXsJ6RgQ==
+
+"@fortawesome/fontawesome-svg-core@^6.4.0", "@fortawesome/fontawesome-svg-core@~1 || ~6":
+ version "6.4.0"
+ resolved "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.0.tgz"
+ integrity sha512-Bertv8xOiVELz5raB2FlXDPKt+m94MQ3JgDfsVbrqNpLU9+UE2E18GKjLKw+d3XbeYPqg1pzyQKGsrzbw+pPaw==
+ dependencies:
+ "@fortawesome/fontawesome-common-types" "6.4.0"
+
+"@fortawesome/free-brands-svg-icons@^6.4.0":
+ version "6.4.0"
+ resolved "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.4.0.tgz"
+ integrity sha512-qvxTCo0FQ5k2N+VCXb/PZQ+QMhqRVM4OORiO6MXdG6bKolIojGU/srQ1ptvKk0JTbRgaJOfL2qMqGvBEZG7Z6g==
+ dependencies:
+ "@fortawesome/fontawesome-common-types" "6.4.0"
+
+"@fortawesome/free-solid-svg-icons@^6.4.0":
+ version "6.4.0"
+ resolved "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.4.0.tgz"
+ integrity sha512-kutPeRGWm8V5dltFP1zGjQOEAzaLZj4StdQhWVZnfGFCvAPVvHh8qk5bRrU4KXnRRRNni5tKQI9PBAdI6MP8nQ==
+ dependencies:
+ "@fortawesome/fontawesome-common-types" "6.4.0"
+
+"@fortawesome/react-fontawesome@^0.2.0":
+ version "0.2.0"
+ resolved "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz"
+ integrity sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==
+ dependencies:
+ prop-types "^15.8.1"
+
"@humanwhocodes/config-array@^0.11.10":
version "0.11.10"
resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz"
@@ -7909,7 +7942,7 @@ react-scripts@5.0.1:
optionalDependencies:
fsevents "^2.3.2"
-react@*, react@^18.0.0, react@^18.2.0, "react@>= 16", react@>=16, react@>=16.8, react@>=16.8.0:
+react@*, react@^18.0.0, react@^18.2.0, "react@>= 16", react@>=16, react@>=16.3, react@>=16.8, react@>=16.8.0:
version "18.2.0"
resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==