Merge branch '1481-trying-to-contact-the-organizer-contact-crashes-the-app' into 'main'

trying to contact the organizer contact crashes the app

Closes #1481

See merge request framasoft/mobilizon!1565

src/components/Account/ActorAutoComplete.vue

@@ -1,7 +1,7 @@
 <template>
   <o-taginput
     :modelValue="modelValueWithDisplayName"
-    @update:modelValue="(val: IActor[]) => $emit('update:modelValue', val)"
+    @update:modelValue="updateTags"
     :data="availableActors"
     :allow-autocomplete="true"
     :allow-new="false"
@@ -25,12 +25,16 @@ import { computed, ref } from "vue";
 import ActorInline from "./ActorInline.vue";
 import { useI18n } from "vue-i18n";
 
-const props = defineProps<{
-  modelValue: IActor[];
+const emit = defineEmits<{
+  "update:modelValue": [value: IActor[]];
 }>();
 
-defineEmits<{
-  "update:modelValue": [value: IActor[]];
+const updateTags = (val: IActor[]) => {
+  emit("update:modelValue", val);
+};
+
+const props = defineProps<{
+  modelValue: IActor[];
 }>();
 
 const modelValue = computed(() => props.modelValue);

src/graphql/actor.ts

@@ -16,12 +16,15 @@ export const ACTOR_FRAGMENT = gql`
   }
 `;
 
+// Do not request mediaSize here because mediaSize can only be accessed
+// by user_himself/moderator/administrator (can_get_actor_size? in media.ex)
+// - FETCH_PERSON is used by <NewConversation> and can be used by simple users here
+// - FETCH_PERSON is also used in <EditIdentity> but mediaSize is not used there
 export const FETCH_PERSON = gql`
   query FetchPerson($username: String!) {
     fetchPerson(preferredUsername: $username) {
       ...ActorFragment
       suspended
-      mediaSize
       avatar {
         id
         name