updated post components

auth0-blog · Dec 30, 2019 · 3b2e474 · 3b2e474
1 parent e493f97
commit 3b2e474
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 18 deletions.
diff --git a/blog-frontend/src/components/Home.tsx b/blog-frontend/src/components/Home.tsx
@@ -3,7 +3,7 @@ import { Link, useHistory } from 'react-router-dom';
 import { useAuth0 } from '../contexts/auth0-context';
 
 
-function Home() {
+function Home():JSX.Element {
   let history = useHistory()
   const { isAuthenticated, getIdTokenClaims, user } = useAuth0();
 

diff --git a/blog-frontend/src/components/post/Create.tsx b/blog-frontend/src/components/post/Create.tsx
@@ -17,6 +17,12 @@ function Create(): JSX.Element {
   const [submitSuccess, setSubmitSuccess] = useState<boolean>(false);
   const [loading, setLoading] = useState<boolean>(false);
 
+  useEffect(() => {
+    if (user) {
+      setAuthor(user.name)
+    }
+  }, [user])
+
   const handleFormSubmission = async (e: React.FormEvent<HTMLFormElement>): Promise<void> => {
     e.preventDefault();
     setLoading(true);
@@ -64,12 +70,6 @@ function Create(): JSX.Element {
     setFormValues({ [e.currentTarget.name]: e.currentTarget.value })
   }
 
-  useEffect(() => {
-    if (user) {
-      setAuthor(user.name)
-    }
-  }, [user])
-
   return (
     <div>
     <div className={"col-md-12 form-wrapper"}>

diff --git a/blog-frontend/src/components/post/Edit.tsx b/blog-frontend/src/components/post/Edit.tsx
@@ -19,6 +19,15 @@ function Edit(): JSX.Element {
   const [submitSuccess, setSubmitSuccess] = useState<boolean>(false)
   const [loading, setLoading] = useState(false);
 
+  useEffect(() => {
+    const fetchData = async (): Promise<void> => {
+      const response = await fetch(`${process.env.REACT_APP_SERVER_BASE_URL}/blog/post/${postId}`);
+      const json = await response.json();
+      setPost(json)    
+    }
+    fetchData();    
+  }, [postId]);
+
   const handleFormSubmission = async (e: React.FormEvent<HTMLFormElement>): Promise<void> => {
     e.preventDefault();
     setLoading(true);
@@ -58,15 +67,6 @@ function Edit(): JSX.Element {
     setFormValues({ [e.currentTarget.id]: e.currentTarget.value })
   }
 
-  useEffect(() => {
-    const fetchData = async (): Promise<void> => {
-      const response = await fetch(`${process.env.REACT_APP_SERVER_BASE_URL}/blog/post/${postId}`);
-      const json = await response.json();
-      setPost(json)    
-    }
-    fetchData();    
-  }, [postId]);
-
   return (
     <div className={'page-wrapper'}>
     {post &&

diff --git a/blog-frontend/src/index.css b/blog-frontend/src/index.css
@@ -13,7 +13,7 @@ code {
 }
 
 
-/* .App {
+.App {
   text-align: center;
 }
 
@@ -44,7 +44,7 @@ code {
 @keyframes App-logo-spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
-} */
+}