Member grid backend connection (#49)

* added comments to Table.js for backend connection * added api call to get all members * -fixed member state variable Co-authored-by: Alice Fang <[email protected]>
hack4impact-uiuc · May 23, 2021 · 9bcdaa8 · 9bcdaa8
1 parent 6fed129
commit 9bcdaa8
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/client/src/components/table/Table.js b/client/src/components/table/Table.js
@@ -11,8 +11,8 @@ const Table = () => {
   const [members, setMembers] = useState([]);
   useEffect(() => {
     const getAllMembers = async () => {
-      const allMembers = await getMembers()
-      setMembers(allMembers)
+      const allMembers = await getMembers();
+      setMembers(allMembers.data.result);
     };
     getAllMembers();
   }, []);

diff --git a/client/src/utils/apiWrapper.js b/client/src/utils/apiWrapper.js
@@ -95,6 +95,21 @@ export const getMemberSchemaTypes = () => {
     }));
 };
 
+// Retrieves all members
+export const getMembers = () => {
+  const requestString = `${BACKEND_BASE_URL}/members`;
+  return axios
+    .get(requestString, {
+      headers: {
+        'Content-Type': 'application/JSON',
+      },
+    })
+    .catch((error) => ({
+      type: 'GET_MEMBERS_FAIL',
+      error,
+    }));
+};
+
 // Retrieves a member's permissions from their mongo ID
 export const updateMember = (member, memberID) => {
   const requestString = `${BACKEND_BASE_URL}/members/${memberID}`;