search

src/components/ProtectedData.vue

@@ -1,5 +1,5 @@
 <script lang="ts">
-import { defineComponent, onMounted, ref } from 'vue';
+import { defineComponent, onMounted, Ref, ref } from 'vue';
 
 import { useRouter } from 'vue-router';
 import { useUserStore } from 'stores/user-store';
@@ -32,13 +32,26 @@ export default defineComponent({
       if(!usersLoaded.value){
         await loadUsers();
       }
+      console.log(user.value);
+      console.log(users.value);
       usersForChatOptions.value = users.value
-        .filter((u, index) => u.id !== user.value.id && index < 5)
+        .sort((a, b) => compare(a.firstName + ' ' + a.lastName, userSearch) - compare(b.firstName + ' ' + b.lastName, userSearch))
+        .filter((u, index) => u.id != user.value.id && index < 5)
         .map((u) => {
         return {label: u.firstName + ' ' + u.lastName, value: u.id};
       });
     }
 
+    const compare = (a: string, match: Ref<string>): number => {
+      if(a == match.value){
+        return 2;
+      }
+      if(a.includes(match.value)){
+        return 1;
+      }
+      return 0;
+    };
+
     const logout = () => {
       userStore.logout();
       router.push('/');