Gets the user's Real Estate

React/real-estate/src/pages/components/VehiclesMain.js

@@ -16,7 +16,9 @@ const VehiclesMain = () => {
 
   const history = useHistory();
 
-  const [vehicleData, setVehicleData] = useState(null);
+  const [vehicleData, setVehicleData] = useState([]);
+
+  console.log(vehicleData);
 
   useEffect(() => {
     getVehicles();
@@ -46,7 +48,7 @@ const VehiclesMain = () => {
       {vehicleData ? (
         <>
           <div className="flex justify-between items-center">
-            <Heading3>Your Vehicles:</Heading3>
+            <Heading3>Your Real Estate:</Heading3>
             <Button
               text="Register"
               // classes={vehicleData && "self-start"}

React/real-estate/src/pages/components/table/Table.js

@@ -4,27 +4,14 @@ import EditBtns from "./EditBtns";
 import TableData from "./TableData";
 
 const Table = ({ vehicleData }) => {
-  function getType(type) {
-    // eslint-disable-next-line
-    switch (type) {
-      case 1:
-        return "Sedan";
-      case 2:
-        return "SUV";
-      case 3:
-        return "Pickup";
-    }
-  }
-
   return (
     <div className="shadow overflow-x-auto border-b border-gray-200 sm:rounded w-full">
       <table className="min-w-full divide-y divide-gray-200 mb-0">
         <thead className="bg-gray-50">
           <tr>
-            <ColumnName text={"Model"} />
-            <ColumnName text={"License Plate"} />
-            <ColumnName text={"Color"} />
-            <ColumnName text={"Type"} />
+            <ColumnName text={"Address"} />
+            <ColumnName text={"Area"} />
+            <ColumnName text={"Citizen UPN"} />
             <th scope="col" className="relative px-6 py-3">
               <span className="sr-only">Actions</span>
             </th>
@@ -33,10 +20,9 @@ const Table = ({ vehicleData }) => {
         <tbody className="bg-white divide-y divide-gray-200">
           {vehicleData.map((vehicle) => (
             <tr key={vehicle.id}>
-              <TableData text={vehicle.model} />
-              <TableData text={vehicle.licensePlate} />
-              <TableData text={vehicle.color} />
-              <TableData text={getType(vehicle.type)} />
+              <TableData text={vehicle.address} />
+              <TableData text={vehicle.area} />
+              <TableData text={vehicle.citizen_upn} />
               <TableData Component={EditBtns} />
             </tr>
           ))}

React/real-estate/src/services/apiService.js

@@ -1,16 +1,17 @@
 import axios from "axios";
 
 async function getVehiclesFromApi(access_token) {
-  const response = await axios.get(`https://localhost:8000/real-estate`, {
+  const response = await axios.get(`http://localhost:8000/real-estate`, {
     headers: { Authorization: `Bearer ${access_token}` },
   });
+
   return response.data;
 }
 
 async function registerVehicle(vehicle, access_token) {
   console.log(vehicle);
   const response = await axios.post(
-    `https://localhost:8000/real-estate`,
+    `http://localhost:8000/real-estate`,
     vehicle,
     { headers: { Authorization: `Bearer ${access_token}` } }
   );