Restructured code and added variables into pages

Author: Anindya-K-Das

src/pages/settings.jsx

@@ -158,31 +158,6 @@ export default function Dashboard() {
     }
   }
 
-  function savePreferences() {
-    document.getElementById('savePreferences').innerHTML = 'Saving...';
-
-    var data = JSON.stringify({
-      FRIEND_ACCEPT: document.getElementById('friend-notif').checked,
-      CHALLENGE_VERIFY: document.getElementById('challenge-notif').checked,
-    });
-
-    var xhr = new XMLHttpRequest();
-
-    xhr.addEventListener('readystatechange', function() {
-      if (this.readyState === 4) {
-        document.getElementById('savePreferences').innerHTML = 'Save';
-      }
-    });
-
-    xhr.open('PUT', `${process.env.NEXT_PUBLIC_API_URL}/account/preferences`);
-
-    xhr.setRequestHeader('Content-Type', 'application/json');
-    let token = getCookie();
-    xhr.setRequestHeader('Authorization', 'Bearer ' + token);
-    xhr.withCredentials = true;
-
-    xhr.send(data);
-  }
 
   function loadPreferences() {
     // WARNING: For GET requests, body is set to null by browsers.

src/pages/settings/general.jsx

@@ -26,7 +26,9 @@ export default function General(){
   const [pfp, setPfp] = useState(`https://robohash.org/KshitijIsCool.png?set=set1&size=150x150`);
   const [open, setOpen] = useState(true);
 
-
+  var pfpString = '';
+  var pfpChanged = false;
+  
   function pfpChange() {
     pfpChanged = true;
   }

src/pages/settings/preferences.jsx

@@ -4,6 +4,35 @@ import { Footer } from '@/components/Footer';
 import { StandardNav } from '@/components/StandardNav';
 import Sidebar from '@/components/settingComponents/sidebar';
 export default function Preferences(){
+  function loadPreferences() {
+    // WARNING: For GET requests, body is set to null by browsers.
+
+    var xhr = new XMLHttpRequest();
+
+    xhr.addEventListener('readystatechange', function() {
+      if (this.readyState === 4) {
+        console.log(this.responseText);
+        console.log('PREFFF');
+        try {
+          if (JSON.parse(this.responseText)[0].value == true) {
+            document.getElementById('friend-notif').checked = true;
+          }
+
+          if (JSON.parse(this.responseText)[1].value == true) {
+            document.getElementById('challenge-notif').checked = true;
+          }
+        } catch (error) {
+          // .alert(error)
+        }
+      }
+    });
+
+    xhr.open('GET', `${process.env.NEXT_PUBLIC_API_URL}/account/preferences`);
+    let token = getCookie();
+    xhr.setRequestHeader('Authorization', 'Bearer ' + token);
+    xhr.withCredentials = true;
+    xhr.send();
+  }
 
     function savePreferences() {
         document.getElementById('savePreferences').innerHTML = 'Saving...';