verify email skeleton

Author: Linda Peng

src/App.js

@@ -14,6 +14,7 @@ import Profile from './components/Profile';
 import SubmitResource from './components/Resources/submitResource';
 import ResourcePage from './components/Resources/ResourcePage.js';
 import PrivateRoute from './PrivateRoute';
+import VerifyEmail from './components/Auth/VerifyEmail';
 
 function App() {
   const [authTokens, setAuthTokens] = useState(
@@ -44,6 +45,10 @@ function App() {
             <Route path="/signup">
               <SignUpForm />
             </Route>
+            <Route
+              path="/verify-email/:key"
+              render={matchProps => <VerifyEmail matchProps={matchProps} />}
+            />
             <Route path="/coworking">
               <Coworking />
             </Route>

src/components/Auth/VerifyEmail.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useQuery } from 'react-query';
+import { verifyEmail } from '../../utils/queries';
+
+function VerifyEmail({ matchProps }) {
+  console.log(matchProps);
+  const key = matchProps.match.params.key;
+  console.log(key);
+  const { isLoading, data, error } = useQuery(['key', key], verifyEmail);
+  console.log(isLoading);
+  console.log(data);
+  console.log(error);
+  return <h1>verify email</h1>;
+}
+
+VerifyEmail.propTypes = {
+  matchProps: PropTypes.object,
+};
+
+export default VerifyEmail;

src/utils/queries.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const API_URL = '/api/v1';
+const API_URL = 'http://localhost:8000/api/v1';
 
 const getResource = async (_key, id) => {
   const { data } = await axios.get(`${API_URL}/resources/${id}`);
@@ -12,4 +12,11 @@ const getResources = async searchTerm => {
   return data;
 };
 
-export { getResource, getResources };
+const verifyEmail = async (_key, apiKey) => {
+  const { data } = await axios.post(`${API_URL}/registration/verify-email`, {
+    key: apiKey,
+  });
+  return data;
+};
+
+export { getResource, getResources, verifyEmail };