Fix lint issues, update deps

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Event/AddressAutoComplete.vue

@@ -1,149 +0,0 @@
-<template>
-  <div class="address-autocomplete">
-    <!-- <o-field expanded>
-      <o-autocomplete
-        :data="addressData"
-        v-model="queryText"
-        :placeholder="$t('e.g. 10 Rue Jangot')"
-        field="fullName"
-        :loading="isFetching"
-        @typing="fetchAsyncData"
-        icon="map-marker"
-        expanded
-        @select="updateSelected"
-        v-bind="$attrs"
-        dir="auto"
-      >
-        <template #default="{ option }">
-          <o-icon :icon="option.poiInfos.poiIcon.icon" />
-          <b>{{ option.poiInfos.name }}</b
-          ><br />
-          <small>{{ option.poiInfos.alternativeName }}</small>
-        </template>
-      </o-autocomplete>
-    </o-field>
-    <o-field
-      v-if="canDoGeoLocation"
-      :message="fieldErrors"
-      :type="{ 'is-danger': fieldErrors.length }"
-    >
-      <o-button
-        type="is-text"
-        v-if="!gettingLocation"
-        icon-right="target"
-        @click="locateMe"
-        @keyup.enter="locateMe"
-        >{{ $t("Use my location") }}</o-button
-      >
-      <span v-else>{{ $t("Getting location") }}</span>
-    </o-field> -->
-    <!--
-    <div v-if="selected && selected.geom" class="control">
-      <o-checkbox  @input="togglemap" />
-      <label class="label">{{ $t("Show map") }}</label>
-    </div>
-
-    <div class="map" v-if="showmap && selected && selected.geom">
-      <map-leaflet
-        :coords="selected.geom"
-        :marker="{
-          text: [selected.poiInfos.name, selected.poiInfos.alternativeName],
-          icon: selected.poiInfos.poiIcon.icon,
-        }"
-        :updateDraggableMarkerCallback="reverseGeoCode"
-        :options="{ zoom: mapDefaultZoom }"
-        :readOnly="false"
-      />
-    </div>
-    -->
-  </div>
-</template>
-<script lang="ts">
-import { Prop, Watch, Vue } from "vue-property-decorator";
-import { Address, IAddress } from "../../types/address.model";
-// import AddressAutoCompleteMixin from "@/mixins/AddressAutoCompleteMixin";
-
-// @Component({
-//   inheritAttrs: false,
-// })
-export default class AddressAutoComplete extends Vue {
-  @Prop({ required: false, default: false }) type!: string | false;
-  @Prop({ required: false, default: true, type: Boolean })
-  doGeoLocation!: boolean;
-
-  addressData: IAddress[] = [];
-
-  selected: IAddress = new Address();
-
-  initialQueryText = "";
-
-  addressModalActive = false;
-
-  showmap = false;
-
-  get queryText2(): string {
-    if (this.value !== undefined) {
-      return new Address(this.value).fullName;
-    }
-    return this.initialQueryText;
-  }
-
-  set queryText2(queryText: string) {
-    this.initialQueryText = queryText;
-  }
-
-  @Watch("value")
-  updateEditing(): void {
-    if (!this.value?.id) return;
-    this.selected = this.value;
-  }
-
-  updateSelected(option: IAddress): void {
-    if (option == null) return;
-    this.selected = option;
-    // this.$emit("input", this.selected);
-  }
-
-  resetPopup(): void {
-    this.selected = new Address();
-  }
-
-  openNewAddressModal(): void {
-    this.resetPopup();
-    this.addressModalActive = true;
-  }
-
-  togglemap(): void {
-    this.showmap = !this.showmap;
-  }
-
-  get canDoGeoLocation(): boolean {
-    return this.isSecureContext && this.doGeoLocation;
-  }
-}
-</script>
-<style lang="scss">
-.address-autocomplete {
-  margin-bottom: 0.75rem;
-}
-
-.autocomplete {
-  .dropdown-menu {
-    z-index: 2000;
-  }
-
-  .dropdown-item.is-disabled {
-    opacity: 1 !important;
-    cursor: auto;
-  }
-}
-
-.read-only {
-  cursor: pointer;
-}
-
-.map {
-  height: 400px;
-  width: 100%;
-}
-</style>

js/src/components/Event/EventCard.vue

@@ -150,7 +150,7 @@ import RouteName from "../../router/name";
 import InlineAddress from "@/components/Address/InlineAddress.vue";
 
 import { computed, inject } from "vue";
-import MobilizonTag from "@/components/Tag.vue";
+import MobilizonTag from "@/components/TagElement.vue";
 import AccountCircle from "vue-material-design-icons/AccountCircle.vue";
 import Video from "vue-material-design-icons/Video.vue";
 import { formatDateTimeForEvent } from "@/utils/datetime";

js/src/components/Event/EventMetadataSidebar.vue

@@ -84,7 +84,7 @@
       </template>
       <a
         target="_blank"
-        class="hover:underline"
+        class="underline"
         rel="noopener noreferrer ugc"
         :href="event.onlineAddress"
         :title="

js/src/components/Event/EventMinimalistCard.vue

@@ -130,7 +130,7 @@ import InlineAddress from "@/components/Address/InlineAddress.vue";
 import Video from "vue-material-design-icons/Video.vue";
 import AccountCircle from "vue-material-design-icons/AccountCircle.vue";
 import AccountMultiple from "vue-material-design-icons/AccountMultiple.vue";
-import Tag from "@/components/Tag.vue";
+import Tag from "@/components/TagElement.vue";
 
 withDefaults(
   defineProps<{

js/src/components/Event/EventParticipationCard.vue

@@ -301,7 +301,7 @@ import {
   organizerAvatarUrl,
   organizerDisplayName,
 } from "@/types/event.model";
-import { displayNameAndUsername, IActor, IPerson } from "@/types/actor";
+import { displayNameAndUsername, IPerson } from "@/types/actor";
 import { CURRENT_ACTOR_CLIENT } from "@/graphql/actor";
 import RouteName from "@/router/name";
 import { changeIdentity } from "@/utils/identity";
@@ -323,29 +323,12 @@ import { useI18n } from "vue-i18n";
 import { Dialog } from "@/plugins/dialog";
 import { Snackbar } from "@/plugins/snackbar";
 import { useDeleteEvent } from "@/composition/apollo/event";
-import Tag from "@/components/Tag.vue";
+import Tag from "@/components/TagElement.vue";
 
-const defaultOptions: IEventCardOptions = {
-  hideDate: true,
-  loggedPerson: false,
-  hideDetails: false,
-  organizerActor: null,
-};
-
-const props = withDefaults(
-  defineProps<{
-    participation: IParticipant;
-    options?: IEventCardOptions;
-  }>(),
-  {
-    options: () => ({
-      hideDate: true,
-      loggedPerson: false,
-      hideDetails: false,
-      organizerActor: null,
-    }),
-  }
-);
+const props = defineProps<{
+  participation: IParticipant;
+  options?: IEventCardOptions;
+}>();
 
 const emit = defineEmits(["eventDeleted"]);
 
@@ -353,10 +336,6 @@ const { result: currentActorResult } = useQuery(CURRENT_ACTOR_CLIENT);
 const currentActor = computed(() => currentActorResult.value?.currentActor);
 const { t } = useI18n({ useScope: "global" });
 
-const mergedOptions = computed<IEventCardOptions>(() => {
-  return { ...defaultOptions, ...props.options };
-});
-
 const dialog = inject<Dialog>("dialog");
 
 const openDeleteEventModal = (
@@ -441,9 +420,8 @@ onDeleteEventError((error) => {
  * Delete the event
  */
 const openDeleteEventModalWrapper = () => {
-  openDeleteEventModal(
-    props.participation.event,
-    deleteEvent(props.participation.event)
+  openDeleteEventModal(props.participation.event, (event: IEvent) =>
+    deleteEvent({ eventId: event.id ?? "" })
   );
 };
 
@@ -474,15 +452,15 @@ const gotToWithCheck = async (
   return router.push(route);
 };
 
-const organizerActor = computed<IActor | undefined>(() => {
-  if (
-    props.participation.event.attributedTo &&
-    props.participation.event.attributedTo.id
-  ) {
-    return props.participation.event.attributedTo;
-  }
-  return props.participation.event.organizerActor;
-});
+// const organizerActor = computed<IActor | undefined>(() => {
+//   if (
+//     props.participation.event.attributedTo &&
+//     props.participation.event.attributedTo.id
+//   ) {
+//     return props.participation.event.attributedTo;
+//   }
+//   return props.participation.event.organizerActor;
+// });
 
 const seatsLeft = computed<number | null>(() => {
   if (props.participation.event.options.maximumAttendeeCapacity > 0) {

js/src/components/Event/FullAddressAutoComplete.vue

@@ -143,7 +143,7 @@ const props = withDefaults(
   }
 );
 
-const addressModalActive = ref(false);
+// const addressModalActive = ref(false);
 
 const componentId = 0;
 
@@ -186,14 +186,14 @@ const updateSelected = (option: IAddress): void => {
   emit("update:modelValue", selected.value);
 };
 
-const resetPopup = (): void => {
-  selected.value = new Address();
-};
+// const resetPopup = (): void => {
+//   selected.value = new Address();
+// };
 
-const openNewAddressModal = (): void => {
-  resetPopup();
-  addressModalActive.value = true;
-};
+// const openNewAddressModal = (): void => {
+//   resetPopup();
+//   addressModalActive.value = true;
+// };
 
 const checkCurrentPosition = (e: LatLng): boolean => {
   if (!selected.value?.geom) return false;