Merge pull request #308 from codex-team/fix-team-sort

feat: Imp[NoteSettings] add func to sort team in correct order

Author: 3388ShubinPavel

src/presentation/components/team/Team.vue

@@ -4,10 +4,10 @@
     :caption="t('noteSettings.team.caption')"
   >
     <Row
-      v-for="(member, memberIndex) in team"
+      v-for="(member, memberIndex) in sortedTeam"
       :key="member.id"
       :title="member.user.name || member.user.email"
-      :has-delimiter="memberIndex !== team.length - 1"
+      :has-delimiter="memberIndex !== sortedTeam.length - 1"
       data-dimensions="medium"
     >
       <template #right>
@@ -33,13 +33,15 @@
 </template>
 
 <script setup lang="ts">
-import { Team } from '@/domain/entities/Team';
-import { NoteId } from '@/domain/entities/Note';
+import { computed } from 'vue';
+import { Team, MemberRole } from '@/domain/entities/Team';
+import { Note, NoteId } from '@/domain/entities/Note';
 import { Section, Row, Avatar } from 'codex-ui/vue';
 import RoleSelect from './RoleSelect.vue';
 import { useI18n } from 'vue-i18n';
+import useNote from '@/application/services/useNote.ts';
 
-defineProps<{
+const props = defineProps<{
   /**
    * Team of the current note
    */
@@ -51,6 +53,32 @@ defineProps<{
 }>();
 
 const { t } = useI18n();
+const { note } = useNote({ id: props.noteId });
+
+const sortedTeam = computed(() => {
+  if (!note.value) {
+    return props.team;
+  }
+
+  return [...props.team].sort((a, b) => {
+    const isCreatorA = a.user.id === (note.value as Note).creatorId;
+    const isCreatorB = b.user.id === (note.value as Note).creatorId;
+
+    if (isCreatorA) {
+      return -1;
+    }
+    if (isCreatorB) {
+      return 1;
+    }
+
+    const roleOrder = {
+      [MemberRole.Write]: 0,
+      [MemberRole.Read]: 1,
+    };
+
+    return roleOrder[a.role] - roleOrder[b.role];
+  });
+});
 </script>
 
 <style scoped>