data now retrieved through node

src/components/PersonalInfo.js

@@ -1,15 +1,26 @@
+import { useEffect, useState } from 'react';
 import PersonalFormInput from './PersonalFormInput';
-import { getPersonalData } from '../assets/functions';
 
 function PersonalInfo() {
-    var personalData = getPersonalData();
-    return (
-        <PersonalFormInput
-          fname={personalData.fname}
-          lname={personalData.lname}
-          email={personalData.email}
-        />
-    );
+  const [state, setState] = useState([]);
+
+  const getData = async () => {
+    const response = await fetch("/sui/api/personaldata");
+    const data = await response.json();
+    setState(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+      <PersonalFormInput
+        fname={state.fname}
+        lname={state.lname}
+        email={state.email}
+      />
+  );
 }
 
 export default PersonalInfo;