-
- Your REPS
-
+
Your Reps
diff --git a/client/src/components/Home-Header/Header.jsx b/client/src/components/Home-Header/Header.jsx
index 3e9aba1..6d1c719 100644
--- a/client/src/components/Home-Header/Header.jsx
+++ b/client/src/components/Home-Header/Header.jsx
@@ -53,9 +53,8 @@ function Header() {
else if (communityStatus === 'active') history.push('/community');
else if (manageStatus === 'active') history.push('/manage');
//edit line 53 to go to the other page rather than the home manage page.
- const { data } = await axios.get(
- `api/search?location=${event.target.value}`
- );
+ console.log(event.target.value);
+ const { data } = await axios.get(`api/search?location=${contextSearch}`);
console.log(event.target.value);
console.log(data);
setContextSearch({ locations: data });
diff --git a/client/src/components/Realtor/Realtor.css b/client/src/components/Realtor/Realtor.css
new file mode 100644
index 0000000..48c6627
--- /dev/null
+++ b/client/src/components/Realtor/Realtor.css
@@ -0,0 +1,5 @@
+.card-body {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
+ grid-gap: 20px;
+}
diff --git a/client/src/components/Realtor/Realtor.jsx b/client/src/components/Realtor/Realtor.jsx
new file mode 100644
index 0000000..9a57b06
--- /dev/null
+++ b/client/src/components/Realtor/Realtor.jsx
@@ -0,0 +1,42 @@
+import React, { useState, useEffect, useContext } from 'react';
+import './Realtor.css';
+import axios from 'axios';
+import { AppContext } from '../../context/AppContext';
+import RealtorCard from './RealtorCard';
+
+function Realtor() {
+ const [realtorData, setRealtorData] = useState(null);
+ const { contextSearch, setContextSearch } = useContext(AppContext);
+
+ useEffect(() => {
+ const getRealtor = async () => {
+ try {
+ const response = await axios.get(`/api/realtor?term=${contextSearch}`);
+ setRealtorData(response.data.realtor);
+ console.log(response.data.realtor);
+ } catch (error) {
+ console.log(error);
+ }
+ };
+
+ getRealtor();
+ }, []);
+
+ return (
+
+
Realtor
+
+ {realtorData?.map((realtor) => {
+ return (
+
+ {' '}
+ {' '}
+
+ );
+ })}
+
+
+ );
+}
+
+export default Realtor;
diff --git a/client/src/components/Realtor/RealtorCard.jsx b/client/src/components/Realtor/RealtorCard.jsx
new file mode 100644
index 0000000..c4c0cc9
--- /dev/null
+++ b/client/src/components/Realtor/RealtorCard.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+
+const RealtorCard = ({ realtor }) => {
+ return (
+
+
+
{realtor.name}
+
+
+ {realtor.city} {realtor.limit} {realtor.offset} {realtor.stateCode}
+
+
+ {realtor.address}
+ {realtor.phone} {realtor.website}
+
+
+
+
+ );
+};
+
+export default RealtorCard;
diff --git a/server/controllers/APIs.js b/server/controllers/APIs.js
index 6125f90..16a2815 100644
--- a/server/controllers/APIs.js
+++ b/server/controllers/APIs.js
@@ -39,6 +39,20 @@ exports.searchSchoolsAPI = async (request, response) => {
}
};
+//Realtor API
+exports.searchRealtorAPI = async (request, response) => {
+ try {
+ const { term } = request.query;
+ const data = await axios.get(
+ // `https://rapidapi.com/apidojo/api/realtor?endpoint=${process.env.REALTOR_API_KEY}`
+ 'https://realtor.p.rapidapi.com/properties/v2/list-for-sale?endpoint=${process.env.REALTOR_API_KEY}&city=Edgewater&limit=200&offset=0&state_code=FL'
+ );
+ response.send(data.data);
+ } catch (e) {
+ console.log(e);
+ }
+};
+
//Ciceros API
exports.getRepByAPI = async (req, res) => {
diff --git a/server/routes/open/APIs.js b/server/routes/open/APIs.js
index 420d755..a9946e7 100644
--- a/server/routes/open/APIs.js
+++ b/server/routes/open/APIs.js
@@ -2,7 +2,8 @@ const router = require('express').Router(),
{
getYelpAPI,
searchYelpAPI,
- searchSchoolsAPI
+ searchSchoolsAPI,
+ searchRealtorAPI
} = require('../../controllers/APIs'),
{ getRepByAPI } = require('../../controllers/APIs');
@@ -14,6 +15,9 @@ router.get('/api/search', searchYelpAPI);
//Schools API
router.get('/api/schools', searchSchoolsAPI);
+//Realtor API
+router.get('/api/realtor', searchRealtorAPI);
+
// Ciceros API
router.get('api/reps/', getRepByAPI);
\n