feat(outgoingFriends): alpha sort to outgoing friends AP-713

pages/friends/list/FriendsList.html

@@ -35,7 +35,7 @@
             />
           </div>
           <FriendsFriend
-            v-for="friend in friends.outgoingRequests"
+            v-for="friend in alphaSortedOutgoing"
             :friend="{
               name: friend.userInfo.name,
               address: friend.to,

pages/friends/list/index.vue

@@ -3,9 +3,11 @@
 <script lang="ts">
 import Vue from 'vue'
 import { mapState } from 'vuex'
+import { cloneDeep } from 'lodash'
 import { DataStateType } from '~/store/dataState/types'
 
 import { getAlphaSorted } from '~/libraries/ui/Friends'
+import { OutgoingRequest } from '~/types/ui/friends'
 
 type Route = 'active' | 'requests' | 'blocked' | 'add'
 declare module 'vue/types/vue' {
@@ -28,6 +30,12 @@ export default Vue.extend({
     alphaSortedFriends() {
       return getAlphaSorted(this.friends.all)
     },
+    alphaSortedOutgoing() {
+      return cloneDeep(this.friends.outgoingRequests).sort(
+        (a: OutgoingRequest, b: OutgoingRequest) =>
+          a.userInfo.name.localeCompare(b.userInfo.name),
+      )
+    },
   },
   watch: {
     '$route.query'() {

types/ui/friends.d.ts

@@ -9,7 +9,7 @@ export interface FriendRequest {
   requestId: string
   account: FriendAccount
   pending: boolean
-  userInfo: RawUser | null
+  userInfo: RawUser
 }
 
 export interface IncomingRequest extends FriendRequest {