Rename files

Author: condef5

client/src/services/club.js

@@ -1,5 +1,22 @@
 import { apiUrl } from "../utils";
 
+async function postClub(club) {
+  const response = await fetch(`${apiUrl}/clubs`, {
+    method: "POST",
+    credentials: "include",
+    body: club,
+    contentType: "application/json"
+  });
+
+  if (!response.ok) {
+    const errors = await response.json();
+    console.log(errors);
+    throw new Error(errors);
+  }
+
+  return response.json();
+}
+
 async function getClubs() {
   const response = await fetch(`${apiUrl}/clubs`, {
     credentials: "include"
@@ -9,4 +26,4 @@ async function getClubs() {
   return response.json();
 }
 
-export { getClubs };
+export { getClubs, postClub };

client/src/services/clubs.js

@@ -16,4 +16,13 @@ async function postSportField(sportField) {
   return response.json();
 }
 
-export { postSportField };
+async function getSportFields() {
+  const response = await fetch(`${apiUrl}/sport_fields`, {
+    credentials: "include"
+  });
+
+  if (!response.ok) throw new Error(response.statusText);
+  return response.json();
+}
+
+export { postSportField, getSportFields };

client/src/services/sport-field.js

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import React from "react";
 import { jsx } from "@emotion/core";
+import { navigate } from "@reach/router";
 import { Input, Label, Card, Button } from "../components/ui";
-import { postClub } from "../services/clubs";
+import { postClub } from "../services/club";
 
 function CreateClub() {
   const [fields, setFields] = React.useState({
@@ -42,6 +43,7 @@ function CreateClub() {
     });
     try {
       const club = await postClub(formData);
+      navigate("/owner");
       console.log(club);
     } catch (error) {
       console.log(error.message);

client/src/services/sportField.js

@@ -3,6 +3,8 @@ import React from "react";
 import { jsx } from "@emotion/core";
 import { Input, Label, Card, Button } from "../components/ui";
 import { postSportField } from "../services/sport-field";
+import {  navigate } from "@reach/router";
+
 
 function CreateSportField() {
   const [fields, setFields] = React.useState({
@@ -32,6 +34,7 @@ function CreateSportField() {
     try {
       const club = await postSportField(formData);
       console.log(club);
+      navigate('/owner')
     } catch (error) {
       console.log(error.message);
     }

client/src/views/create-club.js

@@ -22,7 +22,7 @@ function Login() {
     e.preventDefault();
     try {
       const user = await login(inputs);
-      navigate("/");
+      navigate("/owner");
       // userUpdater({ type: "LOGIN", payload: { name, email } });
     } catch (error) {
       setError(error.message);
@@ -86,16 +86,18 @@ function Login() {
             Login
           </Button>
           {error && (
-            <div css={{ color: "red", marginTop: "1rem" }}>Error: {error}</div>
+            <div css={{ color: "tomato", marginTop: "1rem" }}>
+              Error: {error}
+            </div>
           )}
         </form>
         <br />
 
         <Link
           to="/signup"
           style={{
-            color: "Black",
-            fontSize: "10px",
+            color: "#000",
+            fontSize: "14px",
             textDecoration: "none",
             display: "flex",
             justifyContent: "flex-end"