From 73dd0e4f608723d6f80181734a01a1c7de246b2a Mon Sep 17 00:00:00 2001
From: bytedefined <56295147+Bytedefined@users.noreply.github.com>
Date: Sun, 31 Jul 2022 18:19:46 +0800
Subject: [PATCH 1/2] No friends, no incoming friend requests and no outgoing
 friend requests messages

---
 .../Communications/CommunicationsFriends.vue  | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/frontend/src/views/Communications/CommunicationsFriends.vue b/frontend/src/views/Communications/CommunicationsFriends.vue
index 92f255d..c3fa098 100644
--- a/frontend/src/views/Communications/CommunicationsFriends.vue
+++ b/frontend/src/views/Communications/CommunicationsFriends.vue
@@ -86,6 +86,13 @@
             </v-toolbar>
             <v-card color="card" elevation="0">
               <v-list color="card">
+                <v-list-item v-if="computePendingIncoming.length === 0 || !computePendingIncoming">
+                  <v-list-item-content>
+                    <v-list-item-title>
+                      You currently do not have any incoming friend requests.
+                    </v-list-item-title>
+                  </v-list-item-content>
+                </v-list-item>
                 <v-list-item
                   v-for="friend in computePendingIncoming"
                   :key="friend.id"
@@ -128,6 +135,13 @@
             </v-toolbar>
             <v-card color="card" elevation="0">
               <v-list color="card">
+                <v-list-item v-if="computePendingOutgoing.length === 0 || !computePendingOutgoing">
+                  <v-list-item-content>
+                    <v-list-item-title>
+                      You currently do not have any outgoing friend requests.
+                    </v-list-item-title>
+                  </v-list-item-content>
+                </v-list-item>
                 <v-list-item
                   v-for="friend in computePendingOutgoing"
                   :key="friend.id"
@@ -167,6 +181,13 @@
             </v-toolbar>
             <v-card color="card" elevation="0">
               <v-list color="card">
+                <v-list-item v-if="computeAccepted.length === 0 || !computeAccepted">
+                  <v-list-item-content>
+                    <v-list-item-title>
+                      You currently do not have any friends.
+                    </v-list-item-title>
+                  </v-list-item-content>
+                </v-list-item>
                 <v-list-item v-for="friend in computeAccepted" :key="friend.id">
                   <v-list-item-avatar
                     @click="userProfile(friend.user2)"

From 1406c0ceab55659dade26c0614c51fc3d02cc30b Mon Sep 17 00:00:00 2001
From: bytedefined <56295147+Bytedefined@users.noreply.github.com>
Date: Sun, 31 Jul 2022 18:30:05 +0800
Subject: [PATCH 2/2] Remove un-needed stuff

---
 frontend/src/views/Communications/CommunicationsFriends.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Communications/CommunicationsFriends.vue b/frontend/src/views/Communications/CommunicationsFriends.vue
index c3fa098..aabb191 100644
--- a/frontend/src/views/Communications/CommunicationsFriends.vue
+++ b/frontend/src/views/Communications/CommunicationsFriends.vue
@@ -86,7 +86,7 @@
             </v-toolbar>
             <v-card color="card" elevation="0">
               <v-list color="card">
-                <v-list-item v-if="computePendingIncoming.length === 0 || !computePendingIncoming">
+                <v-list-item v-if="computePendingIncoming.length === 0">
                   <v-list-item-content>
                     <v-list-item-title>
                       You currently do not have any incoming friend requests.
@@ -135,7 +135,7 @@
             </v-toolbar>
             <v-card color="card" elevation="0">
               <v-list color="card">
-                <v-list-item v-if="computePendingOutgoing.length === 0 || !computePendingOutgoing">
+                <v-list-item v-if="computePendingOutgoing.length === 0">
                   <v-list-item-content>
                     <v-list-item-title>
                       You currently do not have any outgoing friend requests.
@@ -181,7 +181,7 @@
             </v-toolbar>
             <v-card color="card" elevation="0">
               <v-list color="card">
-                <v-list-item v-if="computeAccepted.length === 0 || !computeAccepted">
+                <v-list-item v-if="computeAccepted.length === 0">
                   <v-list-item-content>
                     <v-list-item-title>
                       You currently do not have any friends.