fixed schema to show friends usernames

apis/profiles_api.py

@@ -97,12 +97,15 @@ def get_user_friends(username):
 
     query_friends = """
     SELECT
-        friends.friend_id
+        users2.username
     FROM
-        friends
-    LEFT JOIN users ON friends.user_id = users.user_id
+        users users1
+    JOIN
+        friends f ON users1.user_id = f.user_id
+    JOIN
+        users users2 ON f.friend_id = users2.user_id
     WHERE
-        users.username=%s
+        users1.username=%s
     """
 
     with get_db().cursor(cursor=DictCursor) as cursor:

frontend/static/js/pages/profile.js

@@ -20,4 +20,10 @@ var app = new Vue({
             this.profileName = serverData["profile_name"];
         }
     },
+
+    methods: {
+        addFriend(){
+            console.log("ADD FRIEND");
+        }
+    }
 });

scripts/schema.sql

@@ -297,6 +297,7 @@ CREATE TABLE IF NOT EXISTS `cmty_pending_prompts_marathon` (
 CREATE TABLE IF NOT EXISTS `friends` (
     `user_id` INT NOT NULL,
     `friend_id` INT NOT NULL,
+    PRIMARY KEY (`user_id`, `friend_id`),
     FOREIGN KEY (`user_id`) REFERENCES `users`(`user_id`),
     FOREIGN KEY (`friend_id`) REFERENCES `users`(`user_id`)
 );