feat start shipyard

src/components/ship/market/Market.jsx

@@ -179,12 +179,12 @@ const Market = ({ data }) => {
               ))
             ) : (
               <tr>
-                <td>Loading...</td>
+                <td colSpan={3}>Loading...</td>
               </tr>
             )
           ) : (
             <tr>
-              <td>No Marketplace</td>
+              <td colSpan={3}>No Marketplace</td>
             </tr>
           )}
         </tbody>

src/components/ship/shipyard/Shipyard.jsx

@@ -1,6 +1,12 @@
-import React from "react";
+import React, { useState, useEffect } from "react";
 
+import { useShipContext } from "../../../context/shipContext";
+import { useAuthContext } from "../../../context/authContext";
+
+import "./shipyard.css";
 const Shipyard = () => {
+  const { shipyard, getShipyard } = useShipContext();
+  const { agent } = useAuthContext();
   return <div>Shipyard</div>;
 };
 

src/components/ship/state/State.jsx

@@ -44,8 +44,6 @@ const State = ({ data }) => {
     fetchData();
   }, [data.symbol]);
 
-  console.log(isFull);
-
   const handleClickRefuel = async () => {
     if (isFull || isDocked === "IN_ORBIT" || isDocked === "IN_TRANSIT") {
       return;

src/context/shipContext.jsx

@@ -10,6 +10,7 @@ export const ShipContextProvider = ({ children }) => {
   const [cargo, setCargo] = useState();
   const [fuel, setFuel] = useState();
   const [market, setMarket] = useState([]);
+  const [shipyard, setShipyard] = useState();
 
   const updateShipData = async (options) => {
     try {
@@ -232,6 +233,24 @@ export const ShipContextProvider = ({ children }) => {
     }
   };
 
+  const getShipyard = async (systemSymbol, waypointSymbol) => {
+    const options = {
+      endpoint: `systems/${systemSymbol}/waypoints/${waypointSymbol}/shipyard`,
+      method: "GET",
+      headers: {
+        Accept: "application/json",
+        Authorization: `Bearer ${userToken}`,
+      },
+    };
+    try {
+      const response = await fetchData(options);
+      setShipyard(response);
+      return response;
+    } catch (error) {
+      console.error(error);
+    }
+  };
+
   const contextValue = {
     dockShip,
     orbitShip,