Merge branch 'log-group-activity' into 'master'

Log group activity See merge request framasoft/mobilizon!824
2021-02-26 09:08:09 +00:00
parent 82a3995a0d 3fe64a4389
commit 52f07c757e
71 changed files with 3485 additions and 307 deletions
--- a/js/src/components/Activity/DiscussionActivityItem.vue
+++ b/js/src/components/Activity/DiscussionActivityItem.vue
@@ -0,0 +1,119 @@
+<template>
+  <div class="activity-item">
+    <b-icon :icon="'chat'" :type="iconColor" />
+    <div class="subject">
+      <i18n :path="translation" tag="p">
+        <router-link
+          v-if="activity.object"
+          slot="discussion"
+          :to="{
+            name: RouteName.DISCUSSION,
+            params: { slug: subjectParams.discussion_slug },
+          }"
+          >{{ subjectParams.discussion_title }}</router-link
+        >
+        <b v-else slot="discussion">{{ subjectParams.discussion_title }}</b>
+        <router-link
+          v-if="activity.object && subjectParams.old_discussion_title"
+          slot="old_discussion"
+          :to="{
+            name: RouteName.DISCUSSION,
+            params: { slug: subjectParams.discussion_slug },
+          }"
+          >{{ subjectParams.old_discussion_title }}</router-link
+        >
+        <b
+          v-else-if="subjectParams.old_discussion_title"
+          slot="old_discussion"
+          >{{ subjectParams.old_discussion_title }}</b
+        >
+        <popover-actor-card
+          :actor="activity.author"
+          :inline="true"
+          slot="profile"
+        >
+          <b>
+            {{
+              $t("@{username}", {
+                username: usernameWithDomain(activity.author),
+              })
+            }}</b
+          ></popover-actor-card
+        ></i18n
+      >
+      <small class="has-text-grey activity-date">{{
+        activity.insertedAt | formatTimeString
+      }}</small>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { usernameWithDomain } from "@/types/actor";
+import { ActivityDiscussionSubject } from "@/types/enums";
+import { Component } from "vue-property-decorator";
+import RouteName from "../../router/name";
+import PopoverActorCard from "../Account/PopoverActorCard.vue";
+import ActivityMixin from "../../mixins/activity";
+import { mixins } from "vue-class-component";
+
+@Component({
+  components: {
+    PopoverActorCard,
+  },
+})
+export default class DiscussionActivityItem extends mixins(ActivityMixin) {
+  usernameWithDomain = usernameWithDomain;
+  RouteName = RouteName;
+  ActivityDiscussionSubject = ActivityDiscussionSubject;
+
+  get translation(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityDiscussionSubject.DISCUSSION_CREATED:
+        if (this.isAuthorCurrentActor) {
+          return "You created the discussion {discussion}.";
+        }
+        return "{profile} created the discussion {discussion}.";
+      case ActivityDiscussionSubject.DISCUSSION_REPLIED:
+        if (this.isAuthorCurrentActor) {
+          return "You replied to the discussion {discussion}.";
+        }
+        return "{profile} replied to the discussion {discussion}.";
+      case ActivityDiscussionSubject.DISCUSSION_RENAMED:
+        if (this.isAuthorCurrentActor) {
+          return "You renamed the discussion from {old_discussion} to {discussion}.";
+        }
+        return "{profile} renamed the discussion from {old_discussion} to {discussion}.";
+      case ActivityDiscussionSubject.DISCUSSION_ARCHIVED:
+        if (this.isAuthorCurrentActor) {
+          return "You archived the discussion {discussion}.";
+        }
+        return "{profile} archived the discussion {discussion}.";
+      case ActivityDiscussionSubject.DISCUSSION_DELETED:
+        if (this.isAuthorCurrentActor) {
+          return "You deleted the discussion {discussion}.";
+        }
+        return "{profile} deleted the discussion {discussion}.";
+      default:
+        return undefined;
+    }
+  }
+
+  get iconColor(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityDiscussionSubject.DISCUSSION_CREATED:
+      case ActivityDiscussionSubject.DISCUSSION_REPLIED:
+        return "is-success";
+      case ActivityDiscussionSubject.DISCUSSION_RENAMED:
+      case ActivityDiscussionSubject.DISCUSSION_ARCHIVED:
+        return "is-grey";
+      case ActivityDiscussionSubject.DISCUSSION_DELETED:
+        return "is-danger";
+      default:
+        return undefined;
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "./activity.scss";
+</style>
--- a/js/src/components/Activity/EventActivityItem.vue
+++ b/js/src/components/Activity/EventActivityItem.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="activity-item">
+    <b-icon :icon="'calendar'" :type="iconColor" />
+    <div class="subject">
+      <i18n :path="translation" tag="p">
+        <router-link
+          slot="event"
+          v-if="activity.object"
+          :to="{
+            name: RouteName.EVENT,
+            params: { uuid: subjectParams.event_uuid },
+          }"
+          >{{ subjectParams.event_title }}</router-link
+        >
+        <b v-else slot="event">{{ subjectParams.event_title }}</b>
+        <popover-actor-card
+          :actor="activity.author"
+          :inline="true"
+          slot="profile"
+        >
+          <b>
+            {{
+              $t("@{username}", {
+                username: usernameWithDomain(activity.author),
+              })
+            }}</b
+          ></popover-actor-card
+        ></i18n
+      >
+      <small class="has-text-grey activity-date">{{
+        activity.insertedAt | formatTimeString
+      }}</small>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { usernameWithDomain } from "@/types/actor";
+import { ActivityEventSubject } from "@/types/enums";
+import { mixins } from "vue-class-component";
+import { Component } from "vue-property-decorator";
+import RouteName from "../../router/name";
+import PopoverActorCard from "../Account/PopoverActorCard.vue";
+import ActivityMixin from "../../mixins/activity";
+
+@Component({
+  components: {
+    PopoverActorCard,
+  },
+})
+export default class EventActivityItem extends mixins(ActivityMixin) {
+  ActivityEventSubject = ActivityEventSubject;
+  usernameWithDomain = usernameWithDomain;
+  RouteName = RouteName;
+
+  get translation(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityEventSubject.EVENT_CREATED:
+        if (this.isAuthorCurrentActor) {
+          return "You created the event {event}.";
+        }
+        return "The event {event} was created by {profile}.";
+      case ActivityEventSubject.EVENT_UPDATED:
+        if (this.isAuthorCurrentActor) {
+          return "You updated the event {event}.";
+        }
+        return "The event {event} was updated by {profile}.";
+      case ActivityEventSubject.EVENT_DELETED:
+        if (this.isAuthorCurrentActor) {
+          return "You deleted the event {event}.";
+        }
+        return "The event {event} was deleted by {profile}.";
+      default:
+        return undefined;
+    }
+  }
+
+  get iconColor(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityEventSubject.EVENT_CREATED:
+        return "is-success";
+      case ActivityEventSubject.EVENT_UPDATED:
+        return "is-grey";
+      case ActivityEventSubject.EVENT_DELETED:
+        return "is-danger";
+      default:
+        return undefined;
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "./activity.scss";
+</style>
--- a/js/src/components/Activity/GroupActivityItem.vue
+++ b/js/src/components/Activity/GroupActivityItem.vue
@@ -0,0 +1,183 @@
+<template>
+  <div class="activity-item">
+    <b-icon :icon="'cog'" :type="iconColor" />
+    <div class="subject">
+      <i18n :path="translation" tag="p">
+        <router-link
+          v-if="activity.object"
+          slot="group"
+          :to="{
+            name: RouteName.GROUP,
+            params: { preferredUsername: usernameWithDomain(activity.object) },
+          }"
+          >{{ subjectParams.group_name }}</router-link
+        >
+        <b v-else slot="post">{{ subjectParams.group_name }}</b>
+        <popover-actor-card
+          :actor="activity.author"
+          :inline="true"
+          slot="profile"
+        >
+          <b>
+            {{
+              $t("@{username}", {
+                username: usernameWithDomain(activity.author),
+              })
+            }}</b
+          ></popover-actor-card
+        ></i18n
+      >
+      <i18n
+        :path="detail"
+        v-for="detail in details"
+        :key="detail"
+        tag="p"
+        class="has-text-grey"
+      >
+        <popover-actor-card
+          :actor="activity.author"
+          :inline="true"
+          slot="profile"
+        >
+          <b>
+            {{
+              $t("@{username}", {
+                username: usernameWithDomain(activity.author),
+              })
+            }}</b
+          ></popover-actor-card
+        >
+        <router-link
+          v-if="activity.object"
+          slot="group"
+          :to="{
+            name: RouteName.GROUP,
+            params: { preferredUsername: usernameWithDomain(activity.object) },
+          }"
+          >{{ subjectParams.group_name }}</router-link
+        >
+        <b v-else slot="post">{{ subjectParams.group_name }}</b>
+        <b v-if="subjectParams.old_group_name" slot="old_group_name">{{
+          subjectParams.old_group_name
+        }}</b>
+      </i18n>
+      <small class="has-text-grey activity-date">{{
+        activity.insertedAt | formatTimeString
+      }}</small>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { usernameWithDomain } from "@/types/actor";
+import { ActivityGroupSubject, GroupVisibility, Openness } from "@/types/enums";
+import { Component } from "vue-property-decorator";
+import RouteName from "../../router/name";
+import PopoverActorCard from "../Account/PopoverActorCard.vue";
+import ActivityMixin from "../../mixins/activity";
+import { mixins } from "vue-class-component";
+
+@Component({
+  components: {
+    PopoverActorCard,
+  },
+})
+export default class GroupActivityItem extends mixins(ActivityMixin) {
+  usernameWithDomain = usernameWithDomain;
+  RouteName = RouteName;
+  ActivityGroupSubject = ActivityGroupSubject;
+
+  get translation(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityGroupSubject.GROUP_CREATED:
+        if (this.isAuthorCurrentActor) {
+          return "You created the group {group}.";
+        }
+        return "{profile} created the group {group}.";
+      case ActivityGroupSubject.GROUP_UPDATED:
+        if (this.isAuthorCurrentActor) {
+          return "You updated the group {group}.";
+        }
+        return "{profile} updated the group {group}.";
+      default:
+        return undefined;
+    }
+  }
+
+  get iconColor(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityGroupSubject.GROUP_CREATED:
+        return "is-success";
+      case ActivityGroupSubject.GROUP_UPDATED:
+        return "is-grey";
+      default:
+        return undefined;
+    }
+  }
+
+  get details(): string[] {
+    let details = [];
+    const changes = this.subjectParams.group_changes.split(",");
+    if (changes.includes("name") && this.subjectParams.old_group_name) {
+      details.push("{old_group_name} was renamed to {group}.");
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    if (changes.includes("visibility") && this.activity.object.visibility) {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      switch (this.activity.object.visibility) {
+        case GroupVisibility.PRIVATE:
+          details.push("Visibility was set to private.");
+          break;
+        case GroupVisibility.PUBLIC:
+          details.push("Visibility was set to public.");
+          break;
+        default:
+          details.push("Visibility was set to an unknown value.");
+          break;
+      }
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    if (changes.includes("openness") && this.activity.object.openness) {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      switch (this.activity.object.openness) {
+        case Openness.INVITE_ONLY:
+          details.push("The group can now only be joined with an invite.");
+          break;
+        case Openness.OPEN:
+          details.push("The group can now be joined by anyone.");
+          break;
+        default:
+          details.push("Unknown value for the openness setting.");
+          break;
+      }
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    if (changes.includes("address") && this.activity.object.physicalAddress) {
+      details.push("The group's physical address was changed.");
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    if (changes.includes("avatar") && this.activity.object.avatar) {
+      details.push("The group's avatar was changed.");
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    if (changes.includes("banner") && this.activity.object.banner) {
+      details.push("The group's banner was changed.");
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    if (changes.includes("summary") && this.activity.object.summary) {
+      details.push("The group's short description was changed.");
+    }
+    return details;
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "./activity.scss";
+</style>
--- a/js/src/components/Activity/MemberActivityItem.vue
+++ b/js/src/components/Activity/MemberActivityItem.vue
@@ -0,0 +1,233 @@
+<template>
+  <div class="activity-item">
+    <b-icon :icon="icon" :type="iconColor" />
+    <div class="subject">
+      <i18n :path="translation" tag="p">
+        <popover-actor-card
+          v-if="activity.object"
+          :actor="activity.object.actor"
+          :inline="true"
+          slot="member"
+        >
+          <b>
+            {{
+              $t("@{username}", {
+                username: usernameWithDomain(activity.object.actor),
+              })
+            }}</b
+          ></popover-actor-card
+        >
+        <b slot="member" v-else>{{
+          subjectParams.member_preferred_username
+        }}</b>
+        <popover-actor-card
+          :actor="activity.author"
+          :inline="true"
+          slot="profile"
+        >
+          <b>
+            {{
+              $t("@{username}", {
+                username: usernameWithDomain(activity.author),
+              })
+            }}</b
+          ></popover-actor-card
+        ></i18n
+      >
+      <small class="has-text-grey activity-date">{{
+        activity.insertedAt | formatTimeString
+      }}</small>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { usernameWithDomain } from "@/types/actor";
+import { ActivityMemberSubject, MemberRole } from "@/types/enums";
+import { Component } from "vue-property-decorator";
+import RouteName from "../../router/name";
+import PopoverActorCard from "../Account/PopoverActorCard.vue";
+import ActivityMixin from "../../mixins/activity";
+import { mixins } from "vue-class-component";
+
+export const MEMBER_ROLE_VALUE: Record<string, number> = {
+  [MemberRole.MEMBER]: 20,
+  [MemberRole.MODERATOR]: 50,
+  [MemberRole.ADMINISTRATOR]: 90,
+  [MemberRole.CREATOR]: 100,
+};
+
+@Component({
+  components: {
+    PopoverActorCard,
+  },
+})
+export default class MemberActivityItem extends mixins(ActivityMixin) {
+  usernameWithDomain = usernameWithDomain;
+  RouteName = RouteName;
+  ActivityMemberSubject = ActivityMemberSubject;
+
+  get translation(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityMemberSubject.MEMBER_REQUEST:
+        if (this.isAuthorCurrentActor) {
+          return "You requested to join the group.";
+        }
+        return "{member} requested to join the group.";
+      case ActivityMemberSubject.MEMBER_INVITED:
+        if (this.isAuthorCurrentActor) {
+          return "You invited {member}.";
+        }
+        return "{member} was invited by {profile}.";
+      case ActivityMemberSubject.MEMBER_ADDED:
+        if (this.isAuthorCurrentActor) {
+          return "You added the member {member}.";
+        }
+        return "{profile} added the member {member}.";
+      case ActivityMemberSubject.MEMBER_UPDATED:
+        if (this.subjectParams.member_role && this.subjectParams.old_role) {
+          return this.roleUpdate;
+        }
+        if (this.isAuthorCurrentActor) {
+          return "You updated the member {member}.";
+        }
+        return "{profile} updated the member {member}.";
+      case ActivityMemberSubject.MEMBER_REMOVED:
+        if (this.isAuthorCurrentActor) {
+          return "You excluded member {member}.";
+        }
+        return "{profile} excluded member {member}.";
+      case ActivityMemberSubject.MEMBER_QUIT:
+        return "{profile} quit the group.";
+      case ActivityMemberSubject.MEMBER_REJECTED_INVITATION:
+        return "{member} rejected the invitation to join the group.";
+      case ActivityMemberSubject.MEMBER_ACCEPTED_INVITATION:
+        if (this.isAuthorCurrentActor) {
+          return "You accepted the invitation to join the group.";
+        }
+        return "{member} accepted the invitation to join the group.";
+      default:
+        return undefined;
+    }
+  }
+
+  get icon(): string {
+    switch (this.activity.subject) {
+      case ActivityMemberSubject.MEMBER_REQUEST:
+      case ActivityMemberSubject.MEMBER_ADDED:
+      case ActivityMemberSubject.MEMBER_INVITED:
+      case ActivityMemberSubject.MEMBER_ACCEPTED_INVITATION:
+        return "account-multiple-plus";
+      case ActivityMemberSubject.MEMBER_REMOVED:
+      case ActivityMemberSubject.MEMBER_REJECTED_INVITATION:
+      case ActivityMemberSubject.MEMBER_QUIT:
+        return "account-multiple-minus";
+      case ActivityMemberSubject.MEMBER_UPDATED:
+      default:
+        return "account-multiple";
+    }
+  }
+
+  get iconColor(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityMemberSubject.MEMBER_ADDED:
+      case ActivityMemberSubject.MEMBER_INVITED:
+      case ActivityMemberSubject.MEMBER_JOINED:
+      case ActivityMemberSubject.MEMBER_APPROVED:
+      case ActivityMemberSubject.MEMBER_ACCEPTED_INVITATION:
+        return "is-success";
+      case ActivityMemberSubject.MEMBER_REQUEST:
+      case ActivityMemberSubject.MEMBER_UPDATED:
+        return "is-grey";
+      case ActivityMemberSubject.MEMBER_REMOVED:
+      case ActivityMemberSubject.MEMBER_REJECTED_INVITATION:
+      case ActivityMemberSubject.MEMBER_QUIT:
+        return "is-danger";
+      default:
+        return undefined;
+    }
+  }
+
+  get roleUpdate(): string | undefined {
+    if (
+      Object.keys(MEMBER_ROLE_VALUE).includes(this.subjectParams.member_role) &&
+      Object.keys(MEMBER_ROLE_VALUE).includes(this.subjectParams.old_role)
+    ) {
+      if (
+        MEMBER_ROLE_VALUE[this.subjectParams.member_role] >
+        MEMBER_ROLE_VALUE[this.subjectParams.old_role]
+      ) {
+        switch (this.subjectParams.member_role) {
+          case MemberRole.MODERATOR:
+            if (this.isAuthorCurrentActor) {
+              return "You promoted {member} to moderator.";
+            }
+            if (this.isObjectMemberCurrentActor) {
+              return "You were promoted to moderator by {profile}.";
+            }
+            return "{profile} promoted {member} to moderator.";
+          case MemberRole.ADMINISTRATOR:
+            if (this.isAuthorCurrentActor) {
+              return "You promoted {member} to administrator.";
+            }
+            if (this.isObjectMemberCurrentActor) {
+              return "You were promoted to administrator by {profile}.";
+            }
+            return "{profile} promoted {member} to administrator.";
+          default:
+            if (this.isAuthorCurrentActor) {
+              return "You promoted the member {member} to an unknown role.";
+            }
+            if (this.isObjectMemberCurrentActor) {
+              return "You were promoted to an unknown role by {profile}.";
+            }
+            return "{profile} promoted {member} to an unknown role.";
+        }
+      } else {
+        switch (this.subjectParams.member_role) {
+          case MemberRole.MODERATOR:
+            if (this.isAuthorCurrentActor) {
+              return "You demoted {member} to moderator.";
+            }
+            if (this.isObjectMemberCurrentActor) {
+              return "You were demoted to moderator by {profile}.";
+            }
+            return "{profile} demoted {member} to moderator.";
+          case MemberRole.MEMBER:
+            if (this.isAuthorCurrentActor) {
+              return "You demoted {member} to simple member.";
+            }
+            if (this.isObjectMemberCurrentActor) {
+              return "You were demoted to simple member by {profile}.";
+            }
+            return "{profile} demoted {member} to simple member.";
+          default:
+            if (this.isAuthorCurrentActor) {
+              return "You demoted the member {member} to an unknown role.";
+            }
+            if (this.isObjectMemberCurrentActor) {
+              return "You were demoted to an unknown role by {profile}.";
+            }
+            return "{profile} demoted {member} to an unknown role.";
+        }
+      }
+    } else {
+      if (this.isAuthorCurrentActor) {
+        return "You updated the member {member}.";
+      }
+      return "{profile} updated the member {member}";
+    }
+  }
+
+  get isObjectMemberCurrentActor(): boolean {
+    return (
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      this.activity?.object?.actor?.id === this.currentActor?.id &&
+      this.currentActor?.id !== undefined
+    );
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "./activity.scss";
+</style>
--- a/js/src/components/Activity/PostActivityItem.vue
+++ b/js/src/components/Activity/PostActivityItem.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="activity-item">
+    <b-icon :icon="'bullhorn'" :type="iconColor" />
+    <div class="subject">
+      <i18n :path="translation" tag="p">
+        <router-link
+          v-if="activity.object"
+          slot="post"
+          :to="{
+            name: RouteName.POST,
+            params: { slug: subjectParams.post_slug },
+          }"
+          >{{ subjectParams.post_title }}</router-link
+        >
+        <b v-else slot="post">{{ subjectParams.post_title }}</b>
+        <popover-actor-card
+          :actor="activity.author"
+          :inline="true"
+          slot="profile"
+        >
+          <b>
+            {{
+              $t("@{username}", {
+                username: usernameWithDomain(activity.author),
+              })
+            }}</b
+          ></popover-actor-card
+        ></i18n
+      >
+      <small class="has-text-grey activity-date">{{
+        activity.insertedAt | formatTimeString
+      }}</small>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { usernameWithDomain } from "@/types/actor";
+import { ActivityPostSubject } from "@/types/enums";
+import { Component } from "vue-property-decorator";
+import RouteName from "../../router/name";
+import PopoverActorCard from "../Account/PopoverActorCard.vue";
+import ActivityMixin from "../../mixins/activity";
+import { mixins } from "vue-class-component";
+
+@Component({
+  components: {
+    PopoverActorCard,
+  },
+})
+export default class PostActivityItem extends mixins(ActivityMixin) {
+  usernameWithDomain = usernameWithDomain;
+  RouteName = RouteName;
+  ActivityPostSubject = ActivityPostSubject;
+
+  get translation(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityPostSubject.POST_CREATED:
+        if (this.isAuthorCurrentActor) {
+          return "You created the post {post}.";
+        }
+        return "The post {post} was created by {profile}.";
+      case ActivityPostSubject.POST_UPDATED:
+        if (this.isAuthorCurrentActor) {
+          return "You updated the post {post}.";
+        }
+        return "The post {post} was updated by {profile}.";
+      case ActivityPostSubject.POST_DELETED:
+        if (this.isAuthorCurrentActor) {
+          return "You deleted the post {post}.";
+        }
+        return "The post {post} was deleted by {profile}.";
+      default:
+        return undefined;
+    }
+  }
+
+  get iconColor(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityPostSubject.POST_CREATED:
+        return "is-success";
+      case ActivityPostSubject.POST_UPDATED:
+        return "is-grey";
+      case ActivityPostSubject.POST_DELETED:
+        return "is-danger";
+      default:
+        return undefined;
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "./activity.scss";
+</style>
--- a/js/src/components/Activity/ResourceActivityItem.vue
+++ b/js/src/components/Activity/ResourceActivityItem.vue
@@ -0,0 +1,189 @@
+<template>
+  <div class="activity-item">
+    <b-icon :icon="'link'" :type="iconColor" />
+    <div class="subject">
+      <i18n :path="translation" tag="p">
+        <router-link v-if="activity.object" slot="resource" :to="path">{{
+          subjectParams.resource_title
+        }}</router-link>
+        <b v-else slot="resource">{{ subjectParams.resource_title }}</b>
+        <router-link v-if="activity.object" slot="new_path" :to="path">{{
+          parentDirectory
+        }}</router-link>
+        <b v-else slot="new_path">{{ parentDirectory }}</b>
+        <router-link
+          v-if="activity.object && subjectParams.old_resource_title"
+          slot="old_resource_title"
+          :to="path"
+          >{{ subjectParams.old_resource_title }}</router-link
+        >
+        <b
+          v-else-if="subjectParams.old_resource_title"
+          slot="old_resource_title"
+          >{{ subjectParams.old_resource_title }}</b
+        >
+
+        <popover-actor-card
+          :actor="activity.author"
+          :inline="true"
+          slot="profile"
+        >
+          <b>
+            {{
+              $t("@{username}", {
+                username: usernameWithDomain(activity.author),
+              })
+            }}</b
+          ></popover-actor-card
+        ></i18n
+      >
+      <small class="has-text-grey activity-date">{{
+        activity.insertedAt | formatTimeString
+      }}</small>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { usernameWithDomain } from "@/types/actor";
+import { ActivityResourceSubject } from "@/types/enums";
+import { Component } from "vue-property-decorator";
+import RouteName from "../../router/name";
+import PopoverActorCard from "../Account/PopoverActorCard.vue";
+import ActivityMixin from "../../mixins/activity";
+import { mixins } from "vue-class-component";
+import { Location } from "vue-router";
+
+@Component({
+  components: {
+    PopoverActorCard,
+  },
+})
+export default class ResourceActivityItem extends mixins(ActivityMixin) {
+  usernameWithDomain = usernameWithDomain;
+  RouteName = RouteName;
+
+  get translation(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityResourceSubject.RESOURCE_CREATED:
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        if (this.activity?.object?.type === "folder") {
+          if (this.isAuthorCurrentActor) {
+            return "You created the folder {resource}.";
+          }
+          return "{profile} created the folder {resource}.";
+        }
+        if (this.isAuthorCurrentActor) {
+          return "You created the resource {resource}.";
+        }
+        return "{profile} created the resource {resource}.";
+      case ActivityResourceSubject.RESOURCE_MOVED:
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        if (this.activity?.object?.type === "folder") {
+          if (this.parentDirectory === null) {
+            if (this.isAuthorCurrentActor) {
+              return "You moved the folder {resource} to the root folder.";
+            }
+            return "{profile} moved the folder {resource} to the root folder.";
+          }
+          if (this.isAuthorCurrentActor) {
+            return "You moved the folder {resource} into {new_path}.";
+          }
+          return "{profile} moved the folder {resource} into {new_path}.";
+        }
+        if (this.parentDirectory === null) {
+          if (this.isAuthorCurrentActor) {
+            return "You moved the resource {resource} to the root folder.";
+          }
+          return "{profile} moved the resource {resource} to the root folder.";
+        }
+        if (this.isAuthorCurrentActor) {
+          return "You moved the resource {resource} into {new_path}.";
+        }
+        return "{profile} moved the resource {resource} into {new_path}.";
+      case ActivityResourceSubject.RESOURCE_UPDATED:
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        if (this.activity?.object?.type === "folder") {
+          if (this.isAuthorCurrentActor) {
+            return "You renamed the folder from {old_resource_title} to {resource}.";
+          }
+          return "{profile} renamed the folder from {old_resource_title} to {resource}.";
+        }
+        if (this.isAuthorCurrentActor) {
+          return "You renamed the resource from {old_resource_title} to {resource}.";
+        }
+        return "{profile} renamed the resource from {old_resource_title} to {resource}.";
+      case ActivityResourceSubject.RESOURCE_DELETED:
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        if (this.activity?.object?.type === "folder") {
+          if (this.isAuthorCurrentActor) {
+            return "You deleted the folder {resource}.";
+          }
+          return "{profile} deleted the folder {resource}.";
+        }
+        if (this.isAuthorCurrentActor) {
+          return "You deleted the resource {resource}.";
+        }
+        return "{profile} deleted the resource {resource}.";
+      default:
+        return undefined;
+    }
+  }
+
+  get iconColor(): string | undefined {
+    switch (this.activity.subject) {
+      case ActivityResourceSubject.RESOURCE_CREATED:
+        return "is-success";
+      case ActivityResourceSubject.RESOURCE_MOVED:
+      case ActivityResourceSubject.RESOURCE_UPDATED:
+        return "is-grey";
+      case ActivityResourceSubject.RESOURCE_DELETED:
+        return "is-danger";
+      default:
+        return undefined;
+    }
+  }
+
+  get path(): Location {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    let path = this.parentPath(this.activity?.object?.path);
+    if (path === "") {
+      return {
+        name: RouteName.RESOURCE_FOLDER_ROOT,
+        params: {
+          preferredUsername: usernameWithDomain(this.activity.group),
+        },
+      };
+    }
+    return {
+      name: RouteName.RESOURCE_FOLDER,
+      params: {
+        path,
+        preferredUsername: usernameWithDomain(this.activity.group),
+      },
+    };
+  }
+
+  get parentDirectory(): string | undefined | null {
+    if (this.subjectParams.resource_path) {
+      const parentPath = this.parentPath(this.subjectParams.resource_path);
+      const directory = parentPath.split("/");
+      return directory.pop();
+    }
+    return null;
+  }
+
+  parentPath(parent: string): string {
+    let path = parent.split("/");
+    path.pop();
+    return path.join("/").replace(/^\//, "");
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "./activity.scss";
+</style>
--- a/js/src/components/Activity/SkeletonActivityItem.vue
+++ b/js/src/components/Activity/SkeletonActivityItem.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="activity-item">
+    <span>
+      <b-skeleton circle width="32px" height="32px"></b-skeleton>
+    </span>
+    <div class="subject">
+      <div class="content">
+        <p>
+          <b-skeleton active></b-skeleton>
+          <b-skeleton active class="datetime"></b-skeleton>
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+@import "./activity.scss";
+div.activity-item {
+  flex: 1;
+
+  .subject {
+    flex: 1;
+    max-width: 600px;
+
+    .content p > div:last-child {
+      max-width: 50px;
+    }
+  }
+}
+</style>
--- a/js/src/components/Activity/activity.scss
+++ b/js/src/components/Activity/activity.scss
@@ -0,0 +1,21 @@
+.activity-item {
+  display: flex;
+  span.icon {
+    width: 2em;
+    height: 2em;
+    box-sizing: border-box;
+    border-radius: 50%;
+    background: #fff;
+    border: 2px solid;
+    z-index: 2;
+    flex-shrink: 0;
+
+    &.has-text-grey {
+      border-color: $grey;
+    }
+  }
+
+  .subject {
+    padding: 0.25rem 0 0 0.5rem;
+  }
+}
--- a/js/src/components/Resource/ResourceItem.vue
+++ b/js/src/components/Resource/ResourceItem.vue
@@ -58,8 +58,14 @@ export default class ResourceItem extends Vue {

  mapServiceTypeToIcon = mapServiceTypeToIcon;

-  get urlHostname(): string {
-    return new URL(this.resource.resourceUrl).hostname.replace(/^(www\.)/, "");
+  get urlHostname(): string | undefined {
+    if (this.resource?.resourceUrl) {
+      return new URL(this.resource.resourceUrl).hostname.replace(
+        /^(www\.)/,
+        ""
+      );
+    }
+    return undefined;
  }
 }
 </script>
--- a/js/src/components/Resource/ResourceSelector.vue
+++ b/js/src/components/Resource/ResourceSelector.vue
@@ -26,33 +26,35 @@
        </span>
        {{ $t("Parent folder") }}
      </a>
-      <a
-        class="panel-block"
-        v-for="element in resource.children.elements"
-        :class="{
-          clickable:
-            element.type === 'folder' && element.id !== initialResource.id,
-        }"
-        :key="element.id"
-        @click="goDown(element)"
-      >
-        <span class="panel-icon">
-          <b-icon
-            icon="folder"
-            size="is-small"
-            v-if="element.type === 'folder'"
-          />
-          <b-icon icon="link" size="is-small" v-else />
-        </span>
-        {{ element.title }}
-        <span v-if="element.id === initialResource.id">
-          <em v-if="element.type === 'folder'"> {{ $t("(this folder)") }}</em>
-          <em v-else> {{ $t("(this link)") }}</em>
-        </span>
-      </a>
+      <template v-if="resource.children">
+        <a
+          class="panel-block"
+          v-for="element in resource.children.elements"
+          :class="{
+            clickable:
+              element.type === 'folder' && element.id !== initialResource.id,
+          }"
+          :key="element.id"
+          @click="goDown(element)"
+        >
+          <span class="panel-icon">
+            <b-icon
+              icon="folder"
+              size="is-small"
+              v-if="element.type === 'folder'"
+            />
+            <b-icon icon="link" size="is-small" v-else />
+          </span>
+          {{ element.title }}
+          <span v-if="element.id === initialResource.id">
+            <em v-if="element.type === 'folder'"> {{ $t("(this folder)") }}</em>
+            <em v-else> {{ $t("(this link)") }}</em>
+          </span>
+        </a>
+      </template>
      <p
        class="panel-block content has-text-grey has-text-centered"
-        v-if="resource.children.total === 0"
+        v-if="resource.children && resource.children.total === 0"
      >
        {{ $t("No resources in this folder") }}
      </p>
--- a/js/src/components/Utils/Observer.vue
+++ b/js/src/components/Utils/Observer.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="observer" />
+</template>
+
+<script lang="ts">
+import "intersection-observer";
+import { Component, Prop, Vue } from "vue-property-decorator";
+
+@Component
+export default class Observer extends Vue {
+  @Prop({ required: false, default: () => ({}) }) options!: Record<string, any>;
+
+  observer!: IntersectionObserver;
+  mounted(): void {
+    this.observer = new IntersectionObserver(([entry]) => {
+      if (entry && entry.isIntersecting) {
+        this.$emit("intersect");
+      }
+    }, this.options);
+
+    this.observer.observe(this.$el);
+  }
+
+  destroyed(): void {
+    this.observer.disconnect();
+  }
+}
+</script>
--- a/js/src/graphql/group.ts
+++ b/js/src/graphql/group.ts
@@ -321,3 +321,98 @@ export const REFRESH_PROFILE = gql`
    }
  }
 `;
+
+export const GROUP_TIMELINE = gql`
+  query GroupTimeline(
+    $preferredUsername: String!
+    $type: ActivityType
+    $page: Int
+    $limit: Int
+  ) {
+    group(preferredUsername: $preferredUsername) {
+      id
+      preferredUsername
+      domain
+      name
+      activity(type: $type, page: $page, limit: $limit) {
+        total
+        elements {
+          id
+          insertedAt
+          subject
+          subjectParams {
+            key
+            value
+          }
+          type
+          author {
+            id
+            preferredUsername
+            name
+            domain
+            avatar {
+              id
+              url
+            }
+          }
+          group {
+            id
+            preferredUsername
+          }
+          object {
+            ... on Event {
+              id
+              title
+            }
+            ... on Post {
+              id
+              title
+            }
+            ... on Member {
+              id
+              actor {
+                id
+                name
+                preferredUsername
+                domain
+                avatar {
+                  id
+                  url
+                }
+              }
+            }
+            ... on Resource {
+              id
+              title
+              path
+              type
+            }
+            ... on Discussion {
+              id
+              title
+              slug
+            }
+            ... on Group {
+              id
+              preferredUsername
+              domain
+              name
+              summary
+              visibility
+              openness
+              physicalAddress {
+                id
+              }
+              banner {
+                id
+              }
+              avatar {
+                id
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+`;
--- a/js/src/i18n/en_US.json
+++ b/js/src/i18n/en_US.json
@@ -859,5 +859,101 @@
  "Last published events": "Last published events",
  "On {instance}": "On {instance}",
  "Close events": "Close events",
-  "Within {number} kilometers of {place}": "|Within one kilometer of {place}|Within {number} kilometers of {place}"
+  "Within {number} kilometers of {place}": "|Within one kilometer of {place}|Within {number} kilometers of {place}",
+  "@{username}": "@{username}",
+  "Yesterday": "Yesterday",
+  "You created the event {event}.": "You created the event {event}.",
+  "The event {event} was created by {profile}.": "The event {event} was created by {profile}.",
+  "You updated the event {event}.": "You updated the event {event}.",
+  "The event {event} was updated by {profile}.": "The event {event} was updated by {profile}.",
+  "You deleted the event {event}.": "You deleted the event {event}.",
+  "The event {event} was deleted by {profile}.": "The event {event} was deleted by {profile}.",
+  "You created the post {post}.": "You created the post {post}.",
+  "The post {post} was created by {profile}.": "The post {post} was created by {profile}.",
+  "You updated the post {post}.": "You updated the post {post}.",
+  "The post {post} was updated by {profile}.": "The post {post} was updated by {profile}.",
+  "You deleted the post {post}.": "You deleted the post {post}.",
+  "The post {post} was deleted by {profile}.": "The post {post} was deleted by {profile}.",
+  "No more activity to display.": "No more activity to display.",
+  "There is no activity yet. Start doing some things to see activity appear here.": "There is no activity yet. Start doing some things to see activity appear here.",
+  "{group} activity timeline": "{group} activity timeline",
+  "You promoted {member} to moderator.": "You promoted {member} to moderator.",
+  "You promoted {member} to administrator.": "You promoted {member} to administrator.",
+  "You promoted the member {member} to an unknown role.": "You promoted the member {member} to an unknown role.",
+  "You demoted {member} to moderator.": "You demoted {member} to moderator.",
+  "You demoted {member} to simple member.": "You demoted {member} to simple member.",
+  "You demoted the member {member} to an unknown role.": "You demoted the member {member} to an unknown role.",
+  "You updated the member {member}.": "You updated the member {member}.",
+  "{profile} updated the member {member}.": "{profile} updated the member {member}.",
+  "{profile} promoted {member} to moderator.": "{profile} promoted {member} to moderator.",
+  "{profile} promoted {member} to administrator.": "{profile} promoted {member} to administrator.",
+  "{profile} promoted {member} to an unknown role.": "{profile} promoted {member} to an unknown role.",
+  "{profile} demoted {member} to moderator.": "{profile} demoted {member} to moderator.",
+  "{profile} demoted {member} to simple member.": "{profile} demoted {member} to simple member.",
+  "{profile} demoted {member} to an unknown role.": "{profile} demoted {member} to an unknown role.",
+  "You requested to join the group.": "You requested to join the group.",
+  "{member} requested to join the group.": "{member} requested to join the group.",
+  "You invited {member}.": "You invited {member}.",
+  "{member} was invited by {profile}.": "{member} was invited by {profile}.",
+  "You added the member {member}.": "You added the member {member}.",
+  "{profile} added the member {member}.": "{profile} added the member {member}.",
+  "{member} rejected the invitation to join the group.": "{member} rejected the invitation to join the group.",
+  "{member} accepted the invitation to join the group.": "{member} accepted the invitation to join the group.",
+  "You excluded member {member}.": "You excluded member {member}.",
+  "{profile} excluded member {member}.": "{profile} excluded member {member}.",
+  "You accepted the invitation to join the group.": "You accepted the invitation to join the group.",
+  "You were promoted to moderator by {profile}.": "You were promoted to moderator by {profile}.",
+  "You were promoted to administrator by {profile}.": "You were promoted to administrator by {profile}.",
+  "You were promoted to an unknown role by {profile}.": "You were promoted to an unknown role by {profile}.",
+  "You were demoted to moderator by {profile}.": "You were demoted to moderator by {profile}.",
+  "You were demoted to simple member by {profile}.": "You were demoted to simple member by {profile}.",
+  "You were demoted to an unknown role by {profile}.": "You were demoted to an unknown role by {profile}.",
+  "{profile} quit the group.": "{profile} quit the group.",
+  "You created the folder {resource}.": "You created the folder {resource}.",
+  "{profile} created the folder {resource}.": "{profile} created the folder {resource}.",
+  "You created the resource {resource}.": "You created the resource {resource}.",
+  "{profile} created the resource {resource}.": "{profile} created the resource {resource}.",
+  "You moved the folder {resource} to the root folder.": "You moved the folder {resource} to the root folder.",
+  "{profile} moved the folder {resource} to the root folder.": "{profile} moved the folder {resource} to the root folder.",
+  "You moved the folder {resource} into {new_path}.": "You moved the folder {resource} into {new_path}.",
+  "{profile} moved the folder {resource} into {new_path}.": "{profile} moved the folder {resource} into {new_path}.",
+  "You moved the resource {resource} to the root folder.": "You moved the resource {resource} to the root folder.",
+  "{profile} moved the resource {resource} to the root folder.": "{profile} moved the resource {resource} to the root folder.",
+  "You moved the resource {resource} into {new_path}.": "You moved the resource {resource} into {new_path}.",
+  "{profile} moved the resource {resource} into {new_path}.": "{profile} moved the resource {resource} into {new_path}.",
+  "You renamed the folder from {old_resource_title} to {resource}.": "You renamed the folder from {old_resource_title} to {resource}.",
+  "{profile} renamed the folder from {old_resource_title} to {resource}.": "{profile} renamed the folder from {old_resource_title} to {resource}.",
+  "You renamed the resource from {old_resource_title} to {resource}.": "You renamed the resource from {old_resource_title} to {resource}.",
+  "{profile} renamed the resource from {old_resource_title} to {resource}.": "{profile} renamed the resource from {old_resource_title} to {resource}.",
+  "You deleted the folder {resource}.": "You deleted the folder {resource}.",
+  "{profile} deleted the folder {resource}.": "{profile} deleted the folder {resource}.",
+  "You deleted the resource {resource}.": "You deleted the resource {resource}.",
+  "{profile} deleted the resource {resource}.": "{profile} deleted the resource {resource}.",
+  "Activity": "Activity",
+  "Load more activities": "Load more activities",
+  "You created the discussion {discussion}.": "You created the discussion {discussion}.",
+  "{profile} created the discussion {discussion}.": "{profile} created the discussion {discussion}.",
+  "You replied to the discussion {discussion}.": "You replied to the discussion {discussion}.",
+  "{profile} replied to the discussion {discussion}.": "{profile} replied to the discussion {discussion}.",
+  "You renamed the discussion from {old_discussion} to {discussion}.": "You renamed the discussion from {old_discussion} to {discussion}.",
+  "{profile} renamed the discussion from {old_discussion} to {discussion}.": "{profile} renamed the discussion from {old_discussion} to {discussion}.",
+  "You archived the discussion {discussion}.": "You archived the discussion {discussion}.",
+  "{profile} archived the discussion {discussion}.": "{profile} archived the discussion {discussion}.",
+  "You deleted the discussion {discussion}.": "You deleted the discussion {discussion}.",
+  "{profile} deleted the discussion {discussion}.": "{profile} deleted the discussion {discussion}.",
+  "You created the group {group}.": "You created the group {group}.",
+  "{profile} created the group {group}.": "{profile} created the group {group}.",
+  "You updated the group {group}.": "You updated the group {group}.",
+  "{profile} updated the group {group}.": "{profile} updated the group {group}.",
+  "{old_group_name} was renamed to {group}.": "{old_group_name} was renamed to {group}.",
+  "Visibility was set to private.": "Visibility was set to private.",
+  "Visibility was set to public.": "Visibility was set to public.",
+  "Visibility was set to an unknown value.": "Visibility was set to an unknown value.",
+  "The group can now only be joined with an invite.": "The group can now only be joined with an invite.",
+  "The group can now be joined by anyone.": "The group can now be joined by anyone.",
+  "Unknown value for the openness setting.": "Unknown value for the openness setting.",
+  "The group's physical address was changed.": "The group's physical address was changed.",
+  "The group's avatar was changed.": "The group's avatar was changed.",
+  "The group's banner was changed.": "The group's banner was changed.",
+  "The group's short description was changed.": "The group's short description was changed."
 }
--- a/js/src/i18n/fr_FR.json
+++ b/js/src/i18n/fr_FR.json
@@ -954,5 +954,100 @@
  "Last published events": "Derniers événements publiés",
  "On {instance}": "Sur {instance}",
  "Close events": "Événements proches",
-  "Within {number} kilometers of {place}": "|Dans un rayon d'un kilomètre de {place}|Dans un rayon de {number} kilomètres de {place}"
+  "Within {number} kilometers of {place}": "|Dans un rayon d'un kilomètre de {place}|Dans un rayon de {number} kilomètres de {place}",
+  "Yesterday": "Hier",
+  "You created the event {event}.": "Vous avez créé l'événement {event}.",
+  "The event {event} was created by {profile}.": "L'événement {event} a été créé par {profile}.",
+  "You updated the event {event}.": "Vous avez mis à jour l'événement {event}.",
+  "The event {event} was updated by {profile}.": "L'événement {event} à été mis à jour par {profile}.",
+  "You deleted the event {event}.": "Vous avez supprimé l'événement {event}.",
+  "The event {event} was deleted by {profile}.": "L'événement {event} a été supprimé par {profile}.",
+  "You created the post {post}.": "Vous avez créé le billet {post}.",
+  "The post {post} was created by {profile}.": "Le billet {post} a été créé par {profile}.",
+  "You updated the post {post}.": "Vous avez mis à jour le billet {post}.",
+  "The post {post} was updated by {profile}.": "Le billet {post} a été mis à jour par {profile}.",
+  "You deleted the post {post}.": "Vous avez supprimé le billet {post}.",
+  "The post {post} was deleted by {profile}.": "Le billet {post} a été supprimé par {profile}.",
+  "No more activity to display.": "Il n'y a plus d'activités à afficher.",
+  "There is no activity yet. Start doing some things to see activity appear here.": "Il n'y a pas encore d'activité. Commencez par effectuer des actions pour voir des éléments s'afficher ici.",
+  "{group} activity timeline": "Timeline de l'activité de {group}",
+  "You promoted {member} to moderator.": "Vous avez promu {member} en tant que modérateur⋅ice.",
+  "You promoted {member} to administrator.": "Vous avez promu {member} en tant qu'adminstrateur⋅ice.",
+  "You promoted the member {member} to an unknown role.": "Vous avez promu le ou la membre {member} à un role inconnu.",
+  "You demoted {member} to moderator.": "Vous avez rétrogradé {member} en tant que modérateur⋅ice.",
+  "You demoted {member} to simple member.": "Vous avez rétrogradé {member} en tant que simple membre.",
+  "You demoted the member {member} to an unknown role.": "Vous avez rétrogradé le membre {member} à un role inconnu.",
+  "You updated the member {member}.": "Vous avez mis à jour le ou la membre {member}.",
+  "{profile} updated the member {member}.": "{profile} a mis à jour le ou la membre {member}.",
+  "{profile} promoted {member} to moderator.": "{profile} a promu {member} en tant que modérateur⋅ice.",
+  "{profile} promoted {member} to administrator.": "{profile} a promu {member} en tant qu'administrateur⋅ice.",
+  "{profile} promoted {member} to an unknown role.": "{profile} a promu {member} à un role inconnu.",
+  "{profile} demoted {member} to moderator.": "{profile} a rétrogradé {member} en tant que modérateur⋅ice.",
+  "{profile} demoted {member} to simple member.": "{profile} a rétrogradé {member} en tant que simple membre.",
+  "{profile} demoted {member} to an unknown role.": "{profile} a rétrogradé {member} à un role inconnu.",
+  "You requested to join the group.": "Vous avez demandé à rejoindre le groupe.",
+  "{member} requested to join the group.": "{member} a demandé à rejoindre le groupe.",
+  "You invited {member}.": "Vous avez invité {member}.",
+  "{member} was invited by {profile}.": "{member} a été invité⋅e par {profile}.",
+  "You added the member {member}.": "Vous avez ajouté le ou la membre {member}.",
+  "{profile} added the member {member}.": "{profile} a ajouté le ou la membre {member}.",
+  "{member} rejected the invitation to join the group.": "{member} a refusé l'invitation à se joindre au groupe.",
+  "{member} accepted the invitation to join the group.": "{member} a accepté l'invitation à se joindre au groupe.",
+  "You excluded member {member}.": "Vous avez exclu le ou la membre {member}.",
+  "{profile} excluded member {member}.": "{profile} a exclu le ou la membre {member}.",
+  "You accepted the invitation to join the group.": "Vous avez accepté l'invitation à vous joindre au groupe.",
+  "You were promoted to moderator by {profile}.": "Vous avez été promu⋅e modérateur⋅ice par {profile}.",
+  "You were promoted to administrator by {profile}.": "Vous avez été promu⋅e administrateur⋅ice par {profile}.",
+  "You were promoted to an unknown role by {profile}.": "Vous avez été promu⋅e à un role inconnu par {profile}.",
+  "You were demoted to moderator by {profile}.": "Vous avez été rétrogradé⋅e modérateur⋅ice par {profile}.",
+  "You were demoted to simple member by {profile}.": "Vous avez été rétrogradé⋅e simple membre par {profile}.",
+  "You were demoted to an unknown role by {profile}.": "Vous avez été rétrogradé⋅e à un role inconnu par {profile}.",
+  "{profile} quit the group.": "{profile} a quitté le groupe.",
+  "You created the folder {resource}.": "Vous avez créé le dossier {resource}.",
+  "{profile} created the folder {resource}.": "{profile} a créé le dossier {resource}.",
+  "You created the resource {resource}.": "Vous avez créé la ressource {resource}.",
+  "{profile} created the resource {resource}.": "{profile} a créé la ressource {resource}.",
+  "You moved the folder {resource} to the root folder.": "Vous avez déplacé le dossier {resource} dans le dossier racine.",
+  "{profile} moved the folder {resource} to the root folder.": "{profile} a déplacé le dossier {resource} dans le dossier racine.",
+  "You moved the folder {resource} into {new_path}.": "Vous avez déplacé le dossier {resource} dans {new_path}.",
+  "{profile} moved the folder {resource} into {new_path}.": "{profile} a déplacé le dossier {resource} dans {new_path}.",
+  "You moved the resource {resource} to the root folder.": "Vous avez déplacé la ressource {resource} dans le dossier racine.",
+  "{profile} moved the resource {resource} to the root folder.": "{profile} a déplacé la ressource {resource} dans le dossier racine.",
+  "You moved the resource {resource} into {new_path}.": "Vous avez déplacé la ressource {resource} dans {new_path}.",
+  "{profile} moved the resource {resource} into {new_path}.": "{profile} a déplacé la ressource {resource} dans {new_path}.",
+  "You renamed the folder from {old_resource_title} to {resource}.": "Vous avez renommé le dossier {old_resource_title} en {resource}.",
+  "{profile} renamed the folder from {old_resource_title} to {resource}.": "{profile} a renommé le dossier {old_resource_title} en {resource}.",
+  "You renamed the resource from {old_resource_title} to {resource}.": "Vous avez renommé la ressource {old_resource_title} en {resource}.",
+  "{profile} renamed the resource from {old_resource_title} to {resource}.": "{profile} a renommé la ressource {old_resource_title} en {resource}.",
+  "You deleted the folder {resource}.": "Vous avez supprimé le dossier {resource}.",
+  "{profile} deleted the folder {resource}.": "{profile} a supprimé le dossier {resource}.",
+  "You deleted the resource {resource}.": "Vous avez supprimé la ressource {resource}.",
+  "{profile} deleted the resource {resource}.": "{profile} a supprimé la ressource {resource}.",
+  "Activity": "Activité",
+  "Load more activities": "Charger plus d'activités",
+  "You created the discussion {discussion}.": "Vous avez créé la discussion {discussion}.",
+  "{profile} created the discussion {discussion}.": "{profile} a créé la discussion {discussion}.",
+  "You replied to the discussion {discussion}.": "Vous avez répondu à la discussion {discussion}.",
+  "{profile} replied to the discussion {discussion}.": "{profile} a répondu à la discussion {discussion}.",
+  "You renamed the discussion from {old_discussion} to {discussion}.": "Vous avez renommé la discussion {old_discussion} en {discussion}.",
+  "{profile} renamed the discussion from {old_discussion} to {discussion}.": "{profile} a renommé la discussion {old_discussion} en {discussion}.",
+  "You archived the discussion {discussion}.": "Vous avez archivé la discussion {discussion}.",
+  "{profile} archived the discussion {discussion}.": "{profile} a archivé la discussion {discussion}.",
+  "You deleted the discussion {discussion}.": "Vous avez supprimé la discussion {discussion}.",
+  "{profile} deleted the discussion {discussion}.": "{profile} a supprimé la discussion {discussion}.",
+  "You created the group {group}.": "Vous avez créé le groupe {group}.",
+  "{profile} created the group {group}.": "{profile} a créé le groupe {group}.",
+  "You updated the group {group}.": "Vous avez mis à jour le groupe {group}.",
+  "{profile} updated the group {group}.": "{profile} a mis à jour le groupe {group}.",
+  "{old_group_name} was renamed to {group}.": "{old_group_name} a été renommé en {group}.",
+  "Visibility was set to private.": "La visibilité a été définie à privée.",
+  "Visibility was set to public.": "La visibilité a été définie à public.",
+  "Visibility was set to an unknown value.": "La visibilité a été définie à une valeur inconnue.",
+  "The group can now only be joined with an invite.": "Le groupe peut maintenant être rejoint uniquement sur invitation.",
+  "The group can now be joined by anyone.": "Le groupe peut maintenant être rejoint par n'importe qui.",
+  "Unknown value for the openness setting.": "Valeur inconnue pour le paramètre d'ouverture.",
+  "The group's physical address was changed.": "L'adresse physique du groupe a été changée.",
+  "The group's avatar was changed.": "L'avatar du groupe a été changé.",
+  "The group's banner was changed.": "La bannière du groupe a été changée.",
+  "The group's short description was changed.": "La description courte du groupe a été changée."
 }
--- a/js/src/mixins/activity.ts
+++ b/js/src/mixins/activity.ts
@@ -0,0 +1,31 @@
+import { CURRENT_ACTOR_CLIENT } from "@/graphql/actor";
+import { IActivity } from "@/types/activity.model";
+import { IActor } from "@/types/actor";
+import { Component, Prop, Vue } from "vue-property-decorator";
+
+@Component({
+  apollo: {
+    currentActor: CURRENT_ACTOR_CLIENT,
+  },
+})
+export default class ActivityMixin extends Vue {
+  @Prop({ required: true, type: Object }) activity!: IActivity;
+  currentActor!: IActor;
+
+  get subjectParams(): Record<string, string> {
+    return this.activity.subjectParams.reduce(
+      (acc: Record<string, string>, { key, value }) => {
+        acc[key] = value;
+        return acc;
+      },
+      {}
+    );
+  }
+
+  get isAuthorCurrentActor(): boolean {
+    return (
+      this.activity.author.id === this.currentActor.id &&
+      this.currentActor.id !== undefined
+    );
+  }
+}
--- a/js/src/router/groups.ts
+++ b/js/src/router/groups.ts
@@ -18,6 +18,7 @@ export enum GroupsRouteName {
  POSTS = "POSTS",
  GROUP_EVENTS = "GROUP_EVENTS",
  GROUP_JOIN = "GROUP_JOIN",
+  TIMELINE = "TIMELINE",
 }

 const resourceFolder = (): Promise<EsModuleComponent> =>
@@ -145,4 +146,12 @@ export const groupsRoutes: RouteConfig[] = [
    name: GroupsRouteName.GROUP_JOIN,
    meta: { requiredAuth: false },
  },
+  {
+    path: "/@:preferredUsername/timeline",
+    name: GroupsRouteName.TIMELINE,
+    component: (): Promise<EsModuleComponent> =>
+      import("@/views/Group/Timeline.vue"),
+    props: true,
+    meta: { requiredAuth: true },
+  },
 ];
--- a/js/src/types/activity.model.ts
+++ b/js/src/types/activity.model.ts
@@ -0,0 +1,33 @@
+import { IActor, IGroup } from "./actor";
+import { IMember } from "./actor/member.model";
+import {
+  ActivityDiscussionSubject,
+  ActivityEventSubject,
+  ActivityGroupSubject,
+  ActivityMemberSubject,
+  ActivityPostSubject,
+  ActivityResourceSubject,
+  ActivityType,
+} from "./enums";
+import { IEvent } from "./event.model";
+import { IPost } from "./post.model";
+import { IResource } from "./resource";
+
+export type ActivitySubject =
+  | ActivityEventSubject
+  | ActivityPostSubject
+  | ActivityMemberSubject
+  | ActivityResourceSubject
+  | ActivityDiscussionSubject
+  | ActivityGroupSubject;
+
+export interface IActivity {
+  id: string;
+  type: ActivityType;
+  subject: ActivitySubject;
+  subjectParams: { key: string; value: string }[];
+  author: IActor;
+  group: IGroup;
+  object: IEvent | IPost | IGroup | IMember | IResource;
+  insertedAt: string;
+}
--- a/js/src/types/actor/group.model.ts
+++ b/js/src/types/actor/group.model.ts
@@ -10,6 +10,7 @@ import { Address } from "../address.model";
 import { ActorType, Openness } from "../enums";
 import type { IMember } from "./member.model";
 import type { ITodoList } from "../todolist";
+import { IActivity } from "../activity.model";

 export interface IGroup extends IActor {
  members: Paginate<IMember>;
@@ -20,6 +21,7 @@ export interface IGroup extends IActor {
  physicalAddress: IAddress;
  openness: Openness;
  manuallyApprovesFollowers: boolean;
+  activity: Paginate<IActivity>;
 }

 export class Group extends Actor implements IGroup {
@@ -41,6 +43,7 @@ export class Group extends Actor implements IGroup {

    this.patch(hash);
  }
+  activity: Paginate<IActivity> = { elements: [], total: 0 };

  openness: Openness = Openness.INVITE_ONLY;

--- a/js/src/types/enums.ts
+++ b/js/src/types/enums.ts
@@ -182,3 +182,56 @@ export enum GroupVisibility {
 export enum AddressSearchType {
  ADMINISTRATIVE = "ADMINISTRATIVE",
 }
+export enum ActivityType {
+  EVENT = "EVENT",
+  POST = "POST",
+  MEMBER = "MEMBER",
+  RESOURCE = "RESOURCE",
+  DISCUSSION = "DISCUSSION",
+  GROUP = "GROUP",
+}
+
+export enum ActivityEventSubject {
+  EVENT_CREATED = "event_created",
+  EVENT_UPDATED = "event_updated",
+  EVENT_DELETED = "event_deleted",
+}
+
+export enum ActivityPostSubject {
+  POST_CREATED = "post_created",
+  POST_UPDATED = "post_updated",
+  POST_DELETED = "post_deleted",
+}
+
+export enum ActivityMemberSubject {
+  MEMBER_REQUEST = "member_request",
+  MEMBER_INVITED = "member_invited",
+  MEMBER_ACCEPTED_INVITATION = "member_accepted_invitation",
+  MEMBER_REJECTED_INVITATION = "member_rejected_invitation",
+  MEMBER_ADDED = "member_added",
+  MEMBER_JOINED = "member_joined",
+  MEMBER_APPROVED = "member_approved",
+  MEMBER_UPDATED = "member_updated",
+  MEMBER_REMOVED = "member_removed",
+  MEMBER_QUIT = "member_quit",
+}
+
+export enum ActivityResourceSubject {
+  RESOURCE_CREATED = "resource_created",
+  RESOURCE_UPDATED = "resource_renamed",
+  RESOURCE_MOVED = "resource_moved",
+  RESOURCE_DELETED = "resource_deleted",
+}
+
+export enum ActivityDiscussionSubject {
+  DISCUSSION_CREATED = "discussion_created",
+  DISCUSSION_REPLIED = "discussion_replied",
+  DISCUSSION_RENAMED = "discussion_renamed",
+  DISCUSSION_ARCHIVED = "discussion_archived",
+  DISCUSSION_DELETED = "discussion_deleted",
+}
+
+export enum ActivityGroupSubject {
+  GROUP_CREATED = "group_created",
+  GROUP_UPDATED = "group_updated",
+}
--- a/js/src/variables.scss
+++ b/js/src/variables.scss
@@ -86,6 +86,10 @@ $colors: map-merge(
      $link,
      $link-invert,
    ),
+    "grey": (
+      $grey,
+      findColorInvert($grey),
+    ),
  )
 );

--- a/js/src/views/Event/Edit.vue
+++ b/js/src/views/Event/Edit.vue
@@ -497,13 +497,11 @@ const DEFAULT_LIMIT_NUMBER_OF_PLACES = 10;
  },
  metaInfo() {
    return {
-      // if no subcomponents specify a metaInfo.title, this title will be used
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
      // @ts-ignore
      title: (this.isUpdate
        ? this.$t("Event edition")
        : this.$t("Event creation")) as string,
-      // all titles will be injected into this template
      titleTemplate: "%s | Mobilizon",
    };
  },
--- a/js/src/views/Event/Event.vue
+++ b/js/src/views/Event/Event.vue
@@ -737,11 +737,9 @@ import { IParticipant } from "../../types/participant.model";
  },
  metaInfo() {
    return {
-      // if no subcomponents specify a metaInfo.title, this title will be used
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
      // @ts-ignore
      title: this.eventTitle,
-      // all titles will be injected into this template
      titleTemplate: "%s | Mobilizon",
      meta: [
        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
--- a/js/src/views/Event/MyEvents.vue
+++ b/js/src/views/Event/MyEvents.vue
@@ -186,9 +186,7 @@ import Subtitle from "../../components/Utils/Subtitle.vue";
  },
  metaInfo() {
    return {
-      // if no subcomponents specify a metaInfo.title, this title will be used
      title: this.$t("My events") as string,
-      // all titles will be injected into this template
      titleTemplate: "%s | Mobilizon",
    };
  },
--- a/js/src/views/Group/Group.vue
+++ b/js/src/views/Group/Group.vue
@@ -57,14 +57,27 @@
            <b-skeleton v-else :animated="true" />
            <br />
            <div class="buttons">
-              <router-link
+              <b-button
+                outlined
+                icon-left="timeline-text"
+                v-if="isCurrentActorAGroupMember"
+                tag="router-link"
+                :to="{
+                  name: RouteName.TIMELINE,
+                  params: { preferredUsername: usernameWithDomain(group) },
+                }"
+                >{{ $t("Activity") }}</b-button
+              >
+              <b-button
+                outlined
+                icon-left="cog"
                v-if="isCurrentActorAGroupAdmin"
+                tag="router-link"
                :to="{
                  name: RouteName.GROUP_PUBLIC_SETTINGS,
                  params: { preferredUsername: usernameWithDomain(group) },
                }"
-                class="button is-outlined"
-                >{{ $t("Group settings") }}</router-link
+                >{{ $t("Group settings") }}</b-button
              >
            </div>
          </div>
@@ -506,11 +519,9 @@ import ReportModal from "../../components/Report/ReportModal.vue";
  },
  metaInfo() {
    return {
-      // if no subcomponents specify a metaInfo.title, this title will be used
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
      // @ts-ignore
      title: this.groupTitle,
-      // all titles will be injected into this template
      titleTemplate: "%s | Mobilizon",
      meta: [
        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
--- a/js/src/views/Group/MyGroups.vue
+++ b/js/src/views/Group/MyGroups.vue
@@ -104,9 +104,7 @@ import RouteName from "../../router/name";
  },
  metaInfo() {
    return {
-      // if no subcomponents specify a metaInfo.title, this title will be used
      title: this.$t("My groups") as string,
-      // all titles will be injected into this template
      titleTemplate: "%s | Mobilizon",
    };
  },
--- a/js/src/views/Group/Settings.vue
+++ b/js/src/views/Group/Settings.vue
@@ -49,4 +49,7 @@ export default class Settings extends mixins(GroupMixin) {
 aside.section {
  padding-top: 1rem;
 }
+.container.section {
+  background: $white;
+}
 </style>
--- a/js/src/views/Group/Timeline.vue
+++ b/js/src/views/Group/Timeline.vue
@@ -0,0 +1,320 @@
+<template>
+  <div class="container section">
+    <nav class="breadcrumb" aria-label="breadcrumbs">
+      <ul v-if="group">
+        <li>
+          <router-link
+            :to="{
+              name: RouteName.GROUP,
+              params: { preferredUsername: usernameWithDomain(group) },
+            }"
+            >{{ group.name }}</router-link
+          >
+        </li>
+        <li>
+          <router-link
+            :to="{
+              name: RouteName.TIMELINE,
+              params: { preferredUsername: usernameWithDomain(group) },
+            }"
+            >{{ $t("Activity") }}</router-link
+          >
+        </li>
+      </ul>
+    </nav>
+    <section class="timeline">
+      <transition-group name="timeline-list" tag="div">
+        <div
+          class="day"
+          v-for="[date, activityItems] in Object.entries(activities)"
+          :key="date"
+        >
+          <b-skeleton
+            v-if="date.search(/skeleton/) !== -1"
+            width="300px"
+            height="48px"
+          />
+          <h2 class="is-size-3 has-text-weight-bold" v-else-if="isToday(date)">
+            <span v-tooltip="$options.filters.formatDateString(date)">
+              {{ $t("Today") }}
+            </span>
+          </h2>
+          <h2
+            class="is-size-3 has-text-weight-bold"
+            v-else-if="isYesterday(date)"
+          >
+            <span v-tooltip="$options.filters.formatDateString(date)">{{
+              $t("Yesterday")
+            }}</span>
+          </h2>
+          <h2 v-else class="is-size-3 has-text-weight-bold">
+            {{ date | formatDateString }}
+          </h2>
+          <ul>
+            <li v-for="activityItem in activityItems" :key="activityItem.id">
+              <skeleton-activity-item v-if="activityItem.skeleton" />
+              <component
+                v-else
+                :is="component(activityItem.type)"
+                :activity="activityItem"
+              />
+            </li>
+          </ul></div
+      ></transition-group>
+      <empty-content
+        icon="timeline-text"
+        v-if="
+          !$apollo.loading &&
+          activity.elements.length > 0 &&
+          activity.elements.length >= activity.total
+        "
+      >
+        {{ $t("No more activity to display.") }}
+      </empty-content>
+      <empty-content
+        v-if="!$apollo.loading && activities.size === 0"
+        icon="timeline-text"
+      >
+        {{
+          $t(
+            "There is no activity yet. Start doing some things to see activity appear here."
+          )
+        }}
+      </empty-content>
+      <observer @intersect="loadMore" />
+      <b-button
+        v-if="activity.elements.length < activity.total"
+        @click="loadMore"
+        >{{ $t("Load more activities") }}</b-button
+      >
+    </section>
+  </div>
+</template>
+<script lang="ts">
+import { GROUP_TIMELINE } from "@/graphql/group";
+import { IGroup, usernameWithDomain } from "@/types/actor";
+import { ActivityType } from "@/types/enums";
+import { Paginate } from "@/types/paginate";
+import { Component, Prop, Vue } from "vue-property-decorator";
+import { IActivity } from "../../types/activity.model";
+import Observer from "../../components/Utils/Observer.vue";
+import SkeletonActivityItem from "../../components/Activity/SkeletonActivityItem.vue";
+import RouteName from "../../router/name";
+
+const PAGINATION_LIMIT = 25;
+const SKELETON_DAY_ITEMS = 2;
+const SKELETON_ITEMS_PER_DAY = 5;
+type IActivitySkeleton = IActivity | { skeleton: string };
+
+@Component({
+  apollo: {
+    group: {
+      query: GROUP_TIMELINE,
+      variables() {
+        return {
+          preferredUsername: this.preferredUsername,
+          page: 1,
+          limit: PAGINATION_LIMIT,
+        };
+      },
+    },
+  },
+  components: {
+    Observer,
+    SkeletonActivityItem,
+    "event-activity-item": () =>
+      import("../../components/Activity/EventActivityItem.vue"),
+    "post-activity-item": () =>
+      import("../../components/Activity/PostActivityItem.vue"),
+    "member-activity-item": () =>
+      import("../../components/Activity/MemberActivityItem.vue"),
+    "resource-activity-item": () =>
+      import("../../components/Activity/ResourceActivityItem.vue"),
+    "discussion-activity-item": () =>
+      import("../../components/Activity/DiscussionActivityItem.vue"),
+    "group-activity-item": () =>
+      import("../../components/Activity/GroupActivityItem.vue"),
+    "empty-content": () => import("../../components/Utils/EmptyContent.vue"),
+  },
+  metaInfo() {
+    return {
+      title: this.$t("{group} activity timeline", {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        group: this.group?.name,
+      }) as string,
+      titleTemplate: "%s | Mobilizon",
+    };
+  },
+})
+export default class Timeline extends Vue {
+  @Prop({ required: true, type: String }) preferredUsername!: string;
+
+  group!: IGroup;
+
+  RouteName = RouteName;
+
+  usernameWithDomain = usernameWithDomain;
+
+  get activity(): Paginate<IActivitySkeleton> {
+    if (this.group) {
+      return this.group.activity;
+    }
+    return {
+      total: 0,
+      elements: this.skeletons.map((skeleton) => ({
+        skeleton,
+      })),
+    };
+  }
+
+  page = 1;
+  limit = PAGINATION_LIMIT;
+
+  component(type: ActivityType): string | undefined {
+    switch (type) {
+      case ActivityType.EVENT:
+        return "event-activity-item";
+      case ActivityType.POST:
+        return "post-activity-item";
+      case ActivityType.MEMBER:
+        return "member-activity-item";
+      case ActivityType.RESOURCE:
+        return "resource-activity-item";
+      case ActivityType.DISCUSSION:
+        return "discussion-activity-item";
+      case ActivityType.GROUP:
+        return "group-activity-item";
+    }
+  }
+
+  get skeletons(): string[] {
+    return [...Array(SKELETON_DAY_ITEMS)]
+      .map((_, i) => {
+        return [...Array(SKELETON_ITEMS_PER_DAY)].map((_a, j) => {
+          return `${i}-${j}`;
+        });
+      })
+      .flat();
+  }
+
+  async loadMore(): Promise<void> {
+    if (this.page * PAGINATION_LIMIT >= this.activity.total) {
+      return;
+    }
+    this.page++;
+    try {
+      await this.$apollo.queries.group.fetchMore({
+        variables: {
+          page: this.page,
+          limit: PAGINATION_LIMIT,
+        },
+        updateQuery: (previousResult, { fetchMoreResult }) => {
+          if (!fetchMoreResult) return previousResult;
+          const newActivities = fetchMoreResult.group.activity.elements;
+          const newTotal = fetchMoreResult.group.activity.total;
+          return {
+            group: {
+              ...previousResult.group,
+              activity: {
+                __typename: previousResult.group.activity.__typename,
+                total: newTotal,
+                elements: [
+                  ...previousResult.group.activity.elements,
+                  ...newActivities,
+                ],
+              },
+            },
+          };
+        },
+      });
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  get activities(): Record<string, IActivitySkeleton[]> {
+    return this.activity.elements.reduce(
+      (acc: Record<string, IActivitySkeleton[]>, elem) => {
+        let key;
+        if (this.isIActivity(elem)) {
+          const insertedAt = new Date(elem.insertedAt);
+          insertedAt.setHours(0);
+          insertedAt.setMinutes(0);
+          insertedAt.setSeconds(0);
+          insertedAt.setMilliseconds(0);
+          key = insertedAt.toISOString();
+        } else {
+          key = `skeleton-${elem.skeleton.split("-")[0]}`;
+        }
+        const existing = acc[key];
+        if (existing) {
+          acc[key] = [...existing, ...[elem]];
+        } else {
+          acc[key] = [elem];
+        }
+        return acc;
+      },
+      {}
+    );
+  }
+
+  isIActivity(object: IActivitySkeleton): object is IActivity {
+    return !("skeleton" in object);
+  }
+
+  getRandomInt(min: number, max: number): number {
+    min = Math.ceil(min);
+    max = Math.floor(max);
+    return Math.floor(Math.random() * (max - min) + min);
+  }
+
+  isToday(dateString: string): boolean {
+    const now = new Date();
+    const date = new Date(dateString);
+    return (
+      now.getFullYear() === date.getFullYear() &&
+      now.getMonth() === date.getMonth() &&
+      now.getDate() === date.getDate()
+    );
+  }
+
+  isYesterday(dateString: string): boolean {
+    const date = new Date(dateString);
+    const yesterday = new Date();
+    yesterday.setDate(yesterday.getDate() - 1);
+    return (
+      yesterday.getFullYear() === date.getFullYear() &&
+      yesterday.getMonth() === date.getMonth() &&
+      yesterday.getDate() === date.getDate()
+    );
+  }
+}
+</script>
+<style lang="scss" scoped>
+.container.section {
+  background: $white;
+}
+
+.timeline {
+  ul {
+    // padding: 0.5rem 0;
+    margin: 0;
+    list-style: none;
+    position: relative;
+    &::before {
+      content: "";
+      height: 100%;
+      width: 1px;
+      background-color: #d9d9d9;
+      position: absolute;
+      top: 0;
+      left: 1rem;
+    }
+    li {
+      display: flex;
+      margin: 0.5rem 0;
+    }
+  }
+}
+</style>
--- a/js/src/views/Home.vue
+++ b/js/src/views/Home.vue
@@ -407,11 +407,9 @@ import Subtitle from "../components/Utils/Subtitle.vue";
  },
  metaInfo() {
    return {
-      // if no subcomponents specify a metaInfo.title, this title will be used
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
      // @ts-ignore
      title: this.instanceName,
-      // all titles will be injected into this template
      titleTemplate: "%s | Mobilizon",
    };
  },
--- a/js/src/views/Posts/List.vue
+++ b/js/src/views/Posts/List.vue
@@ -128,11 +128,9 @@ const POSTS_PAGE_LIMIT = 10;
  },
  metaInfo() {
    return {
-      // if no subcomponents specify a metaInfo.title, this title will be used
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
      // @ts-ignore
      title: this.$t("My groups") as string,
-      // all titles will be injected into this template
      titleTemplate: "%s | Mobilizon",
    };
  },
--- a/js/src/views/Search.vue
+++ b/js/src/views/Search.vue
@@ -254,9 +254,7 @@ const GROUP_PAGE_LIMIT = 10;
  },
  metaInfo() {
    return {
-      // if no subcomponents specify a metaInfo.title, this title will be used
      title: this.$t("Explore events") as string,
-      // all titles will be injected into this template
      titleTemplate: "%s | Mobilizon",
    };
  },
--- a/js/src/views/User/Login.vue
+++ b/js/src/views/User/Login.vue
@@ -156,9 +156,7 @@ import AuthProviders from "../../components/User/AuthProviders.vue";
  },
  metaInfo() {
    return {
-      // if no subcomponents specify a metaInfo.title, this title will be used
      title: this.$t("Login on Mobilizon!") as string,
-      // all titles will be injected into this template
      titleTemplate: "%s | Mobilizon",
    };
  },
--- a/js/src/views/User/Register.vue
+++ b/js/src/views/User/Register.vue
@@ -203,11 +203,9 @@ import AuthProviders from "../../components/User/AuthProviders.vue";
  components: { Subtitle, AuthProviders },
  metaInfo() {
    return {
-      // if no subcomponents specify a metaInfo.title, this title will be used
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
      // @ts-ignore
      title: this.title,
-      // all titles will be injected into this template
      titleTemplate: "%s | Mobilizon",
    };
  },
--- a/js/yarn.lock
+++ b/js/yarn.lock
@@ -28,16 +28,16 @@
    zen-observable "0.8.11"

 "@apollo/client@^3.0.0":
-  version "3.3.7"
-  resolved "https://registry.yarnpkg.com/@apollo/client/-/client-3.3.7.tgz#f15bf961dc0c2bee37a47bf86b8881fdc6183810"
-  integrity sha512-Cb0OqqvlehlRHtHIXRIS/Pe5WYU4hHl1FznXTRSxBAN42WmBUM3zy/Unvw183RdWMyV6Kc2pFKOEuaG1K7JTAQ==
+  version "3.3.10"
+  resolved "https://registry.yarnpkg.com/@apollo/client/-/client-3.3.10.tgz#4fbba049e6b92ac47638cb472db9e653462fa514"
+  integrity sha512-OL5y8q5evSbvsqMAHKZJgfgB/MS9PLGF7f0MtHEkGGCDvmcmA81lsjYwk0xpDm/3XdnrYp/duN2tYUu2LnpJmw==
  dependencies:
    "@graphql-typed-document-node/core" "^3.0.0"
    "@types/zen-observable" "^0.8.0"
    "@wry/context" "^0.5.2"
    "@wry/equality" "^0.3.0"
    fast-json-stable-stringify "^2.0.0"
-    graphql-tag "^2.11.0"
+    graphql-tag "^2.12.0"
    hoist-non-react-statics "^3.3.2"
    optimism "^0.14.0"
    prop-types "^15.7.2"
@@ -46,6 +46,13 @@
    tslib "^1.10.0"
    zen-observable "^0.8.14"

+"@babel/code-frame@7.12.11":
+  version "7.12.11"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.11.tgz#f4ad435aa263db935b8f10f2c552d23fb716a63f"
+  integrity sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==
+  dependencies:
+    "@babel/highlight" "^7.10.4"
+
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
  version "7.12.13"
  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.13.tgz#dcfc826beef65e75c50e21d3837d7d95798dd658"
@@ -59,15 +66,15 @@
  integrity sha512-U/hshG5R+SIoW7HVWIdmy1cB7s3ki+r3FpyEZiCgpi4tFgPnX/vynY80ZGSASOIrUM6O7VxOgCZgdt7h97bUGg==

 "@babel/core@^7.1.0", "@babel/core@^7.11.0", "@babel/core@^7.8.4":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.13.tgz#b73a87a3a3e7d142a66248bf6ad88b9ceb093425"
-  integrity sha512-BQKE9kXkPlXHPeqissfxo0lySWJcYdEP0hdtJOH/iJfDdhOCcgtNCjftCJg3qqauB4h+lz2N6ixM++b9DN1Tcw==
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.16.tgz#8c6ba456b23b680a6493ddcfcd9d3c3ad51cab7c"
+  integrity sha512-t/hHIB504wWceOeaOoONOhu+gX+hpjfeN6YRBT209X/4sibZQfSF1I0HFRRlBe97UZZosGx5XwUg1ZgNbelmNw==
  dependencies:
    "@babel/code-frame" "^7.12.13"
-    "@babel/generator" "^7.12.13"
+    "@babel/generator" "^7.12.15"
    "@babel/helper-module-transforms" "^7.12.13"
    "@babel/helpers" "^7.12.13"
-    "@babel/parser" "^7.12.13"
+    "@babel/parser" "^7.12.16"
    "@babel/template" "^7.12.13"
    "@babel/traverse" "^7.12.13"
    "@babel/types" "^7.12.13"
@@ -79,10 +86,10 @@
    semver "^5.4.1"
    source-map "^0.5.0"

-"@babel/generator@^7.12.13", "@babel/generator@^7.4.0":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.13.tgz#5f6ebe6c85db99886db2d7b044409196f872a503"
-  integrity sha512-9qQ8Fgo8HaSvHEt6A5+BATP7XktD/AdAnObUeTRz5/e2y3kbrxZgz32qUJJsdmwUvBJzF4AeV21nGTNwv05Mpw==
+"@babel/generator@^7.12.13", "@babel/generator@^7.12.15", "@babel/generator@^7.4.0":
+  version "7.12.15"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.15.tgz#4617b5d0b25cc572474cc1aafee1edeaf9b5368f"
+  integrity sha512-6F2xHxBiFXWNSGb7vyCUTBF8RCLY66rS0zEPcP8t/nQyXjha5EuK4z7H5o7fWG8B4M7y6mqVWq1J+1PuwRhecQ==
  dependencies:
    "@babel/types" "^7.12.13"
    jsesc "^2.5.1"
@@ -103,31 +110,31 @@
    "@babel/helper-explode-assignable-expression" "^7.12.13"
    "@babel/types" "^7.12.13"

-"@babel/helper-compilation-targets@^7.12.13", "@babel/helper-compilation-targets@^7.9.6":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.12.13.tgz#d689cdef88810aa74e15a7a94186f26a3d773c98"
-  integrity sha512-dXof20y/6wB5HnLOGyLh/gobsMvDNoekcC+8MCV2iaTd5JemhFkPD73QB+tK3iFC9P0xJC73B6MvKkyUfS9cCw==
+"@babel/helper-compilation-targets@^7.12.16", "@babel/helper-compilation-targets@^7.9.6":
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.12.16.tgz#6905238b4a5e02ba2d032c1a49dd1820fe8ce61b"
+  integrity sha512-dBHNEEaZx7F3KoUYqagIhRIeqyyuI65xMndMZ3WwGwEBI609I4TleYQHcrS627vbKyNTXqShoN+fvYD9HuQxAg==
  dependencies:
    "@babel/compat-data" "^7.12.13"
-    "@babel/helper-validator-option" "^7.12.11"
+    "@babel/helper-validator-option" "^7.12.16"
    browserslist "^4.14.5"
    semver "^5.5.0"

 "@babel/helper-create-class-features-plugin@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.12.13.tgz#0f1707c2eec1a4604f2a22a6fb209854ef2a399a"
-  integrity sha512-Vs/e9wv7rakKYeywsmEBSRC9KtmE7Px+YBlESekLeJOF0zbGUicGfXSNi3o+tfXSNS48U/7K9mIOOCR79Cl3+Q==
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.12.16.tgz#955d5099fd093e5afb05542190f8022105082c61"
+  integrity sha512-KbSEj8l9zYkMVHpQqM3wJNxS1d9h3U9vm/uE5tpjMbaj3lTp+0noe3KPsV5dSD9jxKnf9jO9Ip9FX5PKNZCKow==
  dependencies:
    "@babel/helper-function-name" "^7.12.13"
-    "@babel/helper-member-expression-to-functions" "^7.12.13"
+    "@babel/helper-member-expression-to-functions" "^7.12.16"
    "@babel/helper-optimise-call-expression" "^7.12.13"
    "@babel/helper-replace-supers" "^7.12.13"
    "@babel/helper-split-export-declaration" "^7.12.13"

 "@babel/helper-create-regexp-features-plugin@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.12.13.tgz#0996d370a92896c612ae41a4215544bd152579c0"
-  integrity sha512-XC+kiA0J3at6E85dL5UnCYfVOcIZ834QcAY0TIpgUVnz0zDzg+0TtvZTnJ4g9L1dPRGe30Qi03XCIS4tYCLtqw==
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.12.16.tgz#3b31d13f39f930fad975e151163b7df7d4ffe9d3"
+  integrity sha512-jAcQ1biDYZBdaAxB4yg46/XirgX7jBDiMHDbwYQOgtViLBXGxJpZQ24jutmBqAIB/q+AwB6j+NbBXjKxEY8vqg==
  dependencies:
    "@babel/helper-annotate-as-pure" "^7.12.13"
    regexpu-core "^4.7.1"
@@ -162,10 +169,10 @@
  dependencies:
    "@babel/types" "^7.12.13"

-"@babel/helper-member-expression-to-functions@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.13.tgz#c5715695b4f8bab32660dbdcdc2341dec7e3df40"
-  integrity sha512-B+7nN0gIL8FZ8SvMcF+EPyB21KnCcZHQZFczCxbiNGV/O0rsrSBlWGLzmtBJ3GMjSVMIm4lpFhR+VdVBuIsUcQ==
+"@babel/helper-member-expression-to-functions@^7.12.13", "@babel/helper-member-expression-to-functions@^7.12.16":
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.16.tgz#41e0916b99f8d5f43da4f05d85f4930fa3d62b22"
+  integrity sha512-zYoZC1uvebBFmj1wFAlXwt35JLEgecefATtKp20xalwEK8vHAixLBXTGxNrVGEmTT+gzOThUgr8UEdgtalc1BQ==
  dependencies:
    "@babel/types" "^7.12.13"

@@ -248,10 +255,10 @@
  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz#c9a1f021917dcb5ccf0d4e453e399022981fc9ed"
  integrity sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==

-"@babel/helper-validator-option@^7.12.11":
-  version "7.12.11"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.12.11.tgz#d66cb8b7a3e7fe4c6962b32020a131ecf0847f4f"
-  integrity sha512-TBFCyj939mFSdeX7U7DDj32WtzYY7fDcalgq8v3fBZMNOJQNn7nOYzMaUCiPxPYfCup69mtIpqlKgMZLvQ8Xhw==
+"@babel/helper-validator-option@^7.12.16":
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.12.16.tgz#f73cbd3bbba51915216c5dea908e9b206bb10051"
+  integrity sha512-uCgsDBPUQDvzr11ePPo4TVEocxj8RXjUVSC/Y8N1YpVAI/XDdUwGJu78xmlGhTxj2ntaWM7n9LQdRtyhOzT2YQ==

 "@babel/helper-wrap-function@^7.12.13":
  version "7.12.13"
@@ -272,7 +279,7 @@
    "@babel/traverse" "^7.12.13"
    "@babel/types" "^7.12.13"

-"@babel/highlight@^7.12.13":
+"@babel/highlight@^7.10.4", "@babel/highlight@^7.12.13":
  version "7.12.13"
  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.12.13.tgz#8ab538393e00370b26271b01fa08f7f27f2e795c"
  integrity sha512-kocDQvIbgMKlWxXe9fof3TQ+gkIPOUSEYhJjqUjvKMez3krV7vbzYCDq39Oj11UAVK7JqPVGQPlgE85dPNlQww==
@@ -281,10 +288,10 @@
    chalk "^2.0.0"
    js-tokens "^4.0.0"

-"@babel/parser@^7.1.0", "@babel/parser@^7.12.13", "@babel/parser@^7.4.3":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.13.tgz#3ee7be4131fe657ba9143d5c5b3a9f253fdb75e9"
-  integrity sha512-z7n7ybOUzaRc3wwqLpAX8UFIXsrVXUJhtNGBwAnLz6d1KUapqyq7ad2La8gZ6CXhHmGAIL32cop8Tst4/PNWLw==
+"@babel/parser@^7.1.0", "@babel/parser@^7.12.13", "@babel/parser@^7.12.16", "@babel/parser@^7.4.3":
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.16.tgz#cc31257419d2c3189d394081635703f549fc1ed4"
+  integrity sha512-c/+u9cqV6F0+4Hpq01jnJO+GLp2DdT63ppz9Xa+6cHaajM9VFzK/iDXiKK65YtpeVwu+ctfS6iqlMqRgQRzeCw==

 "@babel/plugin-proposal-async-generator-functions@^7.12.13":
  version "7.12.13"
@@ -312,12 +319,12 @@
    "@babel/helper-plugin-utils" "^7.12.13"
    "@babel/plugin-syntax-decorators" "^7.12.13"

-"@babel/plugin-proposal-dynamic-import@^7.12.1":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.12.1.tgz#43eb5c2a3487ecd98c5c8ea8b5fdb69a2749b2dc"
-  integrity sha512-a4rhUSZFuq5W8/OO8H7BL5zspjnc1FLd9hlOxIK/f7qG4a0qsqk8uvF/ywgBA8/OmjsapjpvaEOYItfGG1qIvQ==
+"@babel/plugin-proposal-dynamic-import@^7.12.16":
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.12.16.tgz#b9f33b252e3406d492a15a799c9d45a9a9613473"
+  integrity sha512-yiDkYFapVxNOCcBfLnsb/qdsliroM+vc3LHiZwS4gh7pFjo5Xq3BDhYBNn3H3ao+hWPvqeeTdU+s+FIvokov+w==
  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.12.13"
    "@babel/plugin-syntax-dynamic-import" "^7.8.0"

 "@babel/plugin-proposal-export-namespace-from@^7.12.13":
@@ -377,10 +384,10 @@
    "@babel/helper-plugin-utils" "^7.12.13"
    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"

-"@babel/plugin-proposal-optional-chaining@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.12.13.tgz#63a7d805bc8ce626f3234ee5421a2a7fb23f66d9"
-  integrity sha512-0ZwjGfTcnZqyV3y9DSD1Yk3ebp+sIUpT2YDqP8hovzaNZnQq2Kd7PEqa6iOIUDBXBt7Jl3P7YAcEIL5Pz8u09Q==
+"@babel/plugin-proposal-optional-chaining@^7.12.16":
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.12.16.tgz#600c7531f754186b0f2096e495a92da7d88aa139"
+  integrity sha512-O3ohPwOhkwji5Mckb7F/PJpJVJY3DpPsrt/F0Bk40+QMk9QpAIqeGusHWqu/mYqsM8oBa6TziL/2mbERWsUZjg==
  dependencies:
    "@babel/helper-plugin-utils" "^7.12.13"
    "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1"
@@ -698,9 +705,9 @@
    "@babel/helper-plugin-utils" "^7.12.13"

 "@babel/plugin-transform-runtime@^7.11.0":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.13.tgz#93a47630c80dab152a2b71011d1e1fd37b31b8e1"
-  integrity sha512-ho1CV2lm8qn2AxD3JdvPgtLVHCYLDaOszlf0gosdHcJAIfgNizag76WI+FoibrvfT+h117fgf8h+wgvo4O2qbA==
+  version "7.12.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.15.tgz#4337b2507288007c2b197059301aa0af8d90c085"
+  integrity sha512-OwptMSRnRWJo+tJ9v9wgAf72ydXWfYSXWhnQjZing8nGZSDFqU1MBleKM3+DriKkcbv7RagA8gVeB0A1PNlNow==
  dependencies:
    "@babel/helper-module-imports" "^7.12.13"
    "@babel/helper-plugin-utils" "^7.12.13"
@@ -758,18 +765,18 @@
    "@babel/helper-plugin-utils" "^7.12.13"

 "@babel/preset-env@^7.11.0", "@babel/preset-env@^7.8.4":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.12.13.tgz#3aa2d09cf7d255177538dff292ac9af29ad46525"
-  integrity sha512-JUVlizG8SoFTz4LmVUL8++aVwzwxcvey3N0j1tRbMAXVEy95uQ/cnEkmEKHN00Bwq4voAV3imQGnQvpkLAxsrw==
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.12.16.tgz#16710e3490e37764b2f41886de0a33bc4ae91082"
+  integrity sha512-BXCAXy8RE/TzX416pD2hsVdkWo0G+tYd16pwnRV4Sc0fRwTLRS/Ssv8G5RLXUGQv7g4FG7TXkdDJxCjQ5I+Zjg==
  dependencies:
    "@babel/compat-data" "^7.12.13"
-    "@babel/helper-compilation-targets" "^7.12.13"
+    "@babel/helper-compilation-targets" "^7.12.16"
    "@babel/helper-module-imports" "^7.12.13"
    "@babel/helper-plugin-utils" "^7.12.13"
-    "@babel/helper-validator-option" "^7.12.11"
+    "@babel/helper-validator-option" "^7.12.16"
    "@babel/plugin-proposal-async-generator-functions" "^7.12.13"
    "@babel/plugin-proposal-class-properties" "^7.12.13"
-    "@babel/plugin-proposal-dynamic-import" "^7.12.1"
+    "@babel/plugin-proposal-dynamic-import" "^7.12.16"
    "@babel/plugin-proposal-export-namespace-from" "^7.12.13"
    "@babel/plugin-proposal-json-strings" "^7.12.13"
    "@babel/plugin-proposal-logical-assignment-operators" "^7.12.13"
@@ -777,7 +784,7 @@
    "@babel/plugin-proposal-numeric-separator" "^7.12.13"
    "@babel/plugin-proposal-object-rest-spread" "^7.12.13"
    "@babel/plugin-proposal-optional-catch-binding" "^7.12.13"
-    "@babel/plugin-proposal-optional-chaining" "^7.12.13"
+    "@babel/plugin-proposal-optional-chaining" "^7.12.16"
    "@babel/plugin-proposal-private-methods" "^7.12.13"
    "@babel/plugin-proposal-unicode-property-regex" "^7.12.13"
    "@babel/plugin-syntax-async-generators" "^7.8.0"
@@ -1437,9 +1444,9 @@
    "@types/leaflet" "*"

 "@types/leaflet@*", "@types/leaflet@^1.5.2":
-  version "1.5.21"
-  resolved "https://registry.yarnpkg.com/@types/leaflet/-/leaflet-1.5.21.tgz#994c44f2bfc45744120f01924c8973c5e960e051"
-  integrity sha512-b+BOkwJDq6DK4m+jFUOHNCFinIkO4CF1MjnOwYgZFX+oElpYpXCCIsxZ3+zQWIRSLVUbRXvaQq2K935jGIyp7A==
+  version "1.5.23"
+  resolved "https://registry.yarnpkg.com/@types/leaflet/-/leaflet-1.5.23.tgz#159823a8c86a50383f0c9d9b9dac2af01fa7603b"
+  integrity sha512-S/xpuwjZuwYMP+4ZzQ10PX0Jy+0XmwPeojtjqhbca9UXaINdoru91Qm/DUUXyh4qYm3CP6Vher06l/UcA9tUKQ==
  dependencies:
    "@types/geojson" "*"

@@ -1469,9 +1476,9 @@
  integrity sha512-6nlq2eEh75JegDGUXis9wGTYIJpUvbori4qx++PRKQsV3YRkaqUNPNykzphniqPSZADXCouBuAnyptjUkMkhvw==

 "@types/node@*", "@types/node@>=6":
-  version "14.14.22"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.22.tgz#0d29f382472c4ccf3bd96ff0ce47daf5b7b84b18"
-  integrity sha512-g+f/qj/cNcqKkc3tFqlXOYjrmZA+jNBiDzbP3kH+B+otKFqAdPgVTGP1IeKRdMml/aE69as5S4FqtxAbl+LaMw==
+  version "14.14.28"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.28.tgz#cade4b64f8438f588951a6b35843ce536853f25b"
+  integrity sha512-lg55ArB+ZiHHbBBttLpzD07akz0QPrZgUODNakeC09i62dnrywr9mFErHuaPlB6I7z+sEbK+IYmplahvplCj2g==

 "@types/normalize-package-data@^2.4.0":
  version "2.4.0"
@@ -1497,9 +1504,9 @@
    "@types/prosemirror-state" "*"

 "@types/prosemirror-model@*", "@types/prosemirror-model@^1.7.2":
-  version "1.11.2"
-  resolved "https://registry.yarnpkg.com/@types/prosemirror-model/-/prosemirror-model-1.11.2.tgz#af7a9571a8d43ad433f0580099628627962cc11b"
-  integrity sha512-mohs15V+gxj10QWJGVooErzSE9ryTo1Wy92lULiQ0BSN5Po9K4vngPzfKmLft0+gAPbEghovTX+I2zQW3bZo1w==
+  version "1.11.3"
+  resolved "https://registry.yarnpkg.com/@types/prosemirror-model/-/prosemirror-model-1.11.3.tgz#22ba40e7f727de830ed9c6724fb8013b2b384768"
+  integrity sha512-tUnOUwwiyIFN18mdXkT9D7xIqCeszu6ePa3s0/uGCgtW009l9AaNRep69L7BORWHGCAvYVaqYB0cybSHXs4MuQ==
  dependencies:
    "@types/orderedmap" "*"

@@ -1589,9 +1596,9 @@
  integrity sha512-W+bw9ds02rAQaMvaLYxAbJ6cvguW/iJXNT6lTssS1ps6QdrMKttqEAMEG/b5CR8TZl3/L7/lH0ZV5nNR1LXikA==

 "@types/uglify-js@*":
-  version "3.11.1"
-  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.11.1.tgz#97ff30e61a0aa6876c270b5f538737e2d6ab8ceb"
-  integrity sha512-7npvPKV+jINLu1SpSYVWG8KvyJBhBa8tmzMMdDoVc2pWUYHN8KIXlPJhjJ4LT97c4dXJA2SHL/q6ADbDriZN+Q==
+  version "3.12.0"
+  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.12.0.tgz#2bb061c269441620d46b946350c8f16d52ef37c5"
+  integrity sha512-sYAF+CF9XZ5cvEBkI7RtrG9g2GtMBkviTnBxYYyq+8BWvO4QtXfwwR6a2LFwCi4evMKZfpv6U43ViYvv17Wz3Q==
  dependencies:
    source-map "^0.6.1"

@@ -1669,12 +1676,12 @@
  integrity sha512-HrCIVMLjE1MOozVoD86622S7aunluLb2PJdPfb3nYiEtohm8mIB/vyv0Fd37AdeMFrTUQXEunw78YloMA3Qilg==

 "@typescript-eslint/eslint-plugin@^4.14.1":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.14.2.tgz#47a15803cfab89580b96933d348c2721f3d2f6fe"
-  integrity sha512-uMGfG7GFYK/nYutK/iqYJv6K/Xuog/vrRRZX9aEP4Zv1jsYXuvFUMDFLhUnc8WFv3D2R5QhNQL3VYKmvLS5zsQ==
+  version "4.15.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.15.0.tgz#13a5a07cf30d0d5781e43480aa2a8d38d308b084"
+  integrity sha512-DJgdGZW+8CFUTz5C/dnn4ONcUm2h2T0itWD85Ob5/V27Ndie8hUoX5HKyGssvR8sUMkAIlUc/AMK67Lqa3kBIQ==
  dependencies:
-    "@typescript-eslint/experimental-utils" "4.14.2"
-    "@typescript-eslint/scope-manager" "4.14.2"
+    "@typescript-eslint/experimental-utils" "4.15.0"
+    "@typescript-eslint/scope-manager" "4.15.0"
    debug "^4.1.1"
    functional-red-black-tree "^1.0.1"
    lodash "^4.17.15"
@@ -1693,15 +1700,15 @@
    eslint-scope "^5.0.0"
    eslint-utils "^2.0.0"

-"@typescript-eslint/experimental-utils@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.14.2.tgz#9df35049d1d36b6cbaba534d703648b9e1f05cbb"
-  integrity sha512-mV9pmET4C2y2WlyHmD+Iun8SAEqkLahHGBkGqDVslHkmoj3VnxnGP4ANlwuxxfq1BsKdl/MPieDbohCEQgKrwA==
+"@typescript-eslint/experimental-utils@4.15.0":
+  version "4.15.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.15.0.tgz#b87c36410a9b23f637689427be85007a2ec1a9c6"
+  integrity sha512-V4vaDWvxA2zgesg4KPgEGiomWEBpJXvY4ZX34Y3qxK8LUm5I87L+qGIOTd9tHZOARXNRt9pLbblSKiYBlGMawg==
  dependencies:
    "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/scope-manager" "4.14.2"
-    "@typescript-eslint/types" "4.14.2"
-    "@typescript-eslint/typescript-estree" "4.14.2"
+    "@typescript-eslint/scope-manager" "4.15.0"
+    "@typescript-eslint/types" "4.15.0"
+    "@typescript-eslint/typescript-estree" "4.15.0"
    eslint-scope "^5.0.0"
    eslint-utils "^2.0.0"

@@ -1717,32 +1724,32 @@
    eslint-visitor-keys "^1.1.0"

 "@typescript-eslint/parser@^4.14.1":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.14.2.tgz#31e216e4baab678a56e539f9db9862e2542c98d0"
-  integrity sha512-ipqSP6EuUsMu3E10EZIApOJgWSpcNXeKZaFeNKQyzqxnQl8eQCbV+TSNsl+s2GViX2d18m1rq3CWgnpOxDPgHg==
+  version "4.15.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.15.0.tgz#8df94365b4b7161f9e8514fe28aef19954810b6b"
+  integrity sha512-L6Dtbq8Bc7g2aZwnIBETpmUa9XDKCMzKVwAArnGp5Mn7PRNFjf3mUzq8UeBjL3K8t311hvevnyqXAMSmxO8Gpg==
  dependencies:
-    "@typescript-eslint/scope-manager" "4.14.2"
-    "@typescript-eslint/types" "4.14.2"
-    "@typescript-eslint/typescript-estree" "4.14.2"
+    "@typescript-eslint/scope-manager" "4.15.0"
+    "@typescript-eslint/types" "4.15.0"
+    "@typescript-eslint/typescript-estree" "4.15.0"
    debug "^4.1.1"

-"@typescript-eslint/scope-manager@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.14.2.tgz#64cbc9ca64b60069aae0c060b2bf81163243b266"
-  integrity sha512-cuV9wMrzKm6yIuV48aTPfIeqErt5xceTheAgk70N1V4/2Ecj+fhl34iro/vIssJlb7XtzcaD07hWk7Jk0nKghg==
+"@typescript-eslint/scope-manager@4.15.0":
+  version "4.15.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.15.0.tgz#c42703558ea6daaaba51a9c3a86f2902dbab9432"
+  integrity sha512-CSNBZnCC2jEA/a+pR9Ljh8Y+5TY5qgbPz7ICEk9WCpSEgT6Pi7H2RIjxfrrbUXvotd6ta+i27sssKEH8Azm75g==
  dependencies:
-    "@typescript-eslint/types" "4.14.2"
-    "@typescript-eslint/visitor-keys" "4.14.2"
+    "@typescript-eslint/types" "4.15.0"
+    "@typescript-eslint/visitor-keys" "4.15.0"

 "@typescript-eslint/types@3.10.1":
  version "3.10.1"
  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-3.10.1.tgz#1d7463fa7c32d8a23ab508a803ca2fe26e758727"
  integrity sha512-+3+FCUJIahE9q0lDi1WleYzjCwJs5hIsbugIgnbB+dSCYUxl8L6PwmsyOPFZde2hc1DlTo/xnkOgiTLSyAbHiQ==

-"@typescript-eslint/types@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.14.2.tgz#d96da62be22dc9dc6a06647f3633815350fb3174"
-  integrity sha512-LltxawRW6wXy4Gck6ZKlBD05tCHQUj4KLn4iR69IyRiDHX3d3NCAhO+ix5OR2Q+q9bjCrHE/HKt+riZkd1At8Q==
+"@typescript-eslint/types@4.15.0":
+  version "4.15.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.15.0.tgz#3011ae1ac3299bb9a5ac56bdd297cccf679d3662"
+  integrity sha512-su4RHkJhS+iFwyqyXHcS8EGPlUVoC+XREfy5daivjLur9JP8GhvTmDipuRpcujtGC4M+GYhUOJCPDE3rC5NJrg==

 "@typescript-eslint/typescript-estree@3.10.1":
  version "3.10.1"
@@ -1758,17 +1765,16 @@
    semver "^7.3.2"
    tsutils "^3.17.1"

-"@typescript-eslint/typescript-estree@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.14.2.tgz#9c5ebd8cae4d7b014f890acd81e8e17f309c9df9"
-  integrity sha512-ESiFl8afXxt1dNj8ENEZT12p+jl9PqRur+Y19m0Z/SPikGL6rqq4e7Me60SU9a2M28uz48/8yct97VQYaGl0Vg==
+"@typescript-eslint/typescript-estree@4.15.0":
+  version "4.15.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.15.0.tgz#402c86a7d2111c1f7a2513022f22a38a395b7f93"
+  integrity sha512-jG6xTmcNbi6xzZq0SdWh7wQ9cMb2pqXaUp6bUZOMsIlu5aOlxGxgE/t6L/gPybybQGvdguajXGkZKSndZJpksA==
  dependencies:
-    "@typescript-eslint/types" "4.14.2"
-    "@typescript-eslint/visitor-keys" "4.14.2"
+    "@typescript-eslint/types" "4.15.0"
+    "@typescript-eslint/visitor-keys" "4.15.0"
    debug "^4.1.1"
    globby "^11.0.1"
    is-glob "^4.0.1"
-    lodash "^4.17.15"
    semver "^7.3.2"
    tsutils "^3.17.1"

@@ -1779,12 +1785,12 @@
  dependencies:
    eslint-visitor-keys "^1.1.0"

-"@typescript-eslint/visitor-keys@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.14.2.tgz#997cbe2cb0690e1f384a833f64794e98727c70c6"
-  integrity sha512-KBB+xLBxnBdTENs/rUgeUKO0UkPBRs2vD09oMRRIkj5BEN8PX1ToXV532desXfpQnZsYTyLLviS7JrPhdL154w==
+"@typescript-eslint/visitor-keys@4.15.0":
+  version "4.15.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.15.0.tgz#2a07768df30c8a5673f1bce406338a07fdec38ca"
+  integrity sha512-RnDtJwOwFucWFAMjG3ghCG/ikImFJFEg20DI7mn4pHEx3vC48lIAoyjhffvfHmErRDboUPC7p9Z2il4CLb7qxA==
  dependencies:
-    "@typescript-eslint/types" "4.14.2"
+    "@typescript-eslint/types" "4.15.0"
    eslint-visitor-keys "^2.0.0"

 "@ungap/global-this@^0.4.2":
@@ -1803,9 +1809,9 @@
  integrity sha512-hz4R8tS5jMn8lDq6iD+yWL6XNB699pGIVLk7WSJnn1dbpjaazsjZQkieJoRX6gW5zpYSCFqQ7jUquPNY65tQYA==

 "@vue/babel-plugin-jsx@^1.0.0-0":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.2.tgz#6bfd8e39c48e53391a56705649f81a35fe20b6a1"
-  integrity sha512-1uZlQCLCeuqJgDYLCmg3qfsvTVtOQiXh278ES4bvPTYYbv2Bi/rElLETK6AdjI9xxzyTUf5n1QEiH8Xxz0eZrg==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.3.tgz#ad5ee86ebc9fc40900add9914534e223c719eace"
+  integrity sha512-+52ZQFmrM0yh61dQlgwQlfHZXmYbswbQEL25SOSt9QkjegAdfIGu87oELw0l8H6cuJYazZCiNjPR9eU++ZIbxg==
  dependencies:
    "@babel/helper-module-imports" "^7.0.0"
    "@babel/plugin-syntax-jsx" "^7.0.0"
@@ -2130,18 +2136,18 @@
  integrity sha512-LIZMuJk38pk9U9Ur4YzHjlIyMuxPlACdBIHH9/nGYVTsaGKOSnSuELiE8vS9wa+dJpIYspYUOqk+L1Q4pgHQHQ==

 "@vue/test-utils@^1.1.0":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-1.1.2.tgz#fdb487448dceefeaf3d01d465f7c836a3d666dbc"
-  integrity sha512-utbIL7zn9c+SjhybPwh48lpWCiluFCbP1yyRNAy1fQsw/6hiNFioaWy05FoVAFIZXC5WwBf+5r4ypfM1j/nI4A==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-1.1.3.tgz#747f5683d8d4633c85a385fe2e02c1bb35bec153"
+  integrity sha512-BAY1Cwe9JpkJseimC295EW3YlAmgIJI9OPkg2FSP62+PHZooB0B+wceDi9TYyU57oqzL0yLbcP73JKFpKiLc9A==
  dependencies:
    dom-event-types "^1.0.0"
    lodash "^4.17.15"
    pretty "^2.0.0"

 "@vue/web-component-wrapper@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@vue/web-component-wrapper/-/web-component-wrapper-1.2.0.tgz#bb0e46f1585a7e289b4ee6067dcc5a6ae62f1dd1"
-  integrity sha512-Xn/+vdm9CjuC9p3Ae+lTClNutrVhsXpzxvoTXXtoys6kVRX9FkueSUAqSWAyZntmVLlR4DosBV4pH8y5Z/HbUw==
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz#b6b40a7625429d2bd7c2281ddba601ed05dc7f1a"
+  integrity sha512-Iu8Tbg3f+emIIMmI2ycSI8QcEuAUgPTgHwesDU1eKMLE4YC/c/sFbGc70QgMq31ijRftV0R7vCm9co6rldCeOA==

 "@webassemblyjs/ast@1.9.0":
  version "1.9.0"
@@ -2297,9 +2303,9 @@
    tslib "^1.9.3"

 "@wry/context@^0.5.2":
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/@wry/context/-/context-0.5.3.tgz#537db8a5b51f98507dc38f869b3a48c672f48942"
-  integrity sha512-n0uKHiWpf2ArHhmcHcUsKA+Dj0gtye/h56VmsDcoMRuK/ZPFeHKi8ck5L/ftqtF12ZbQR9l8xMPV7y+xybaRDA==
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/@wry/context/-/context-0.5.4.tgz#b6c28038872e0a0e1ff14eb40b5bf4cab2ab4e06"
+  integrity sha512-/pktJKHUXDr4D6TJqWgudOPJW2Z+Nb+bqk40jufA3uTkLbnCRKdJPiYDIa/c7mfcPH8Hr6O8zjCERpg5Sq04Zg==
  dependencies:
    tslib "^1.14.1"

@@ -2311,16 +2317,16 @@
    tslib "^1.9.3"

 "@wry/equality@^0.3.0":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@wry/equality/-/equality-0.3.1.tgz#81080cdc2e0d8265cd303faa0c64b38a77884e06"
-  integrity sha512-8/Ftr3jUZ4EXhACfSwPIfNsE8V6WKesdjp+Dxi78Bej6qlasAxiz0/F8j0miACRj9CL4vC5Y5FsfwwEYAuhWbg==
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/@wry/equality/-/equality-0.3.2.tgz#566a8d05225f1e559fc6589c8b50fa085413c6be"
+  integrity sha512-yi0VRqw+ygqM/WVZUze5meAhe2evOHBFXqK8onNVdNNB+Tyn8/07FZpeDklECBHeT9KN9DY2JpCVGNQY6RCRDg==
  dependencies:
    tslib "^1.14.1"

 "@wry/trie@^0.2.1":
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/@wry/trie/-/trie-0.2.1.tgz#4191e1d4a85dd77dfede383d65563138ed82fc47"
-  integrity sha512-sYkuXZqArky2MLQCv4tLW6hX3N8AfTZ5ZMBc8jC6Yy35WYr82UYLLtjS7k/uRGHOA0yTSjuNadG6QQ6a5CS5hQ==
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/@wry/trie/-/trie-0.2.2.tgz#99f20f0fcbbcda17006069b155c826cbabfc402f"
+  integrity sha512-OxqBB39x6MfHaa2HpMiRMfhuUnQTddD32Ko020eBeJXq87ivX6xnSSnzKHVbA21p7iqBASz8n/07b6W5wW1BVQ==
  dependencies:
    tslib "^1.14.1"

@@ -2424,9 +2430,9 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.3, ajv@^6.12.4, ajv
    uri-js "^4.2.2"

 ajv@^7.0.2:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-7.0.4.tgz#827e5f5ae32f5e5c1637db61f253a112229b5e2f"
-  integrity sha512-xzzzaqgEQfmuhbhAoqjJ8T/1okb6gAzXn/eQRNpAN1AEUoHJTNF9xCDRTtf/s3SKldtZfa+RJeTs+BQq+eZ/sw==
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-7.1.0.tgz#f982ea7933dc7f1012eae9eec5a86687d805421b"
+  integrity sha512-svS9uILze/cXbH0z2myCK2Brqprx/+JJYK5pHicT/GQiBfzzhUVAIT6MwqJg8y4xV/zoGsUeuPuwtoiKSGE15g==
  dependencies:
    fast-deep-equal "^3.1.1"
    json-schema-traverse "^1.0.0"
@@ -3478,9 +3484,9 @@ caniuse-api@^3.0.0:
    lodash.uniq "^4.5.0"

 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001181:
-  version "1.0.30001183"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001183.tgz#7a57ba9d6584119bb5f2bc76d3cc47ba9356b3e2"
-  integrity sha512-7JkwTEE1hlRKETbCFd8HDZeLiQIUcl8rC6JgNjvHCNaxOeNmQ9V4LvQXRUsKIV2CC73qKxljwVhToaA3kLRqTw==
+  version "1.0.30001187"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001187.tgz#5706942631f83baa5a0218b7dfa6ced29f845438"
+  integrity sha512-w7/EP1JRZ9552CyrThUnay2RkZ1DXxKe/Q2swTC4+LElLh9RRYrL1Z+27LlakB8kzY0fSmHw9mc7XYDUKAKWMA==

 capture-exit@^2.0.0:
  version "2.0.0"
@@ -4371,9 +4377,9 @@ date-fns@^1.27.2:
  integrity sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw==

 date-fns@^2.16.0:
-  version "2.16.1"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.16.1.tgz#05775792c3f3331da812af253e1a935851d3834b"
-  integrity sha512-sAJVKx/FqrLYHAQeN7VpJrPhagZc9R4ImZIWYRFZaaohR3KzmuK88touwsSwSVT8Qcbd4zoDsnGfX4GFB4imyQ==
+  version "2.17.0"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.17.0.tgz#afa55daea539239db0a64e236ce716ef3d681ba1"
+  integrity sha512-ZEhqxUtEZeGgg9eHNSOAJ8O9xqSgiJdrL0lzSSfMF54x6KXWJiOH/xntSJ9YomJPrYH/p08t6gWjGWq1SDJlSA==

 de-indent@^1.0.2:
  version "1.0.2"
@@ -4766,9 +4772,9 @@ ejs@^2.6.1:
  integrity sha512-7vmuyh5+kuUyJKePhQfRQBhXV5Ce+RnaeeQArKu1EAMpL3WbgMt5WG6uQZpEVvYSSsxMXRKOewtDk9RaTKXRlA==

 electron-to-chromium@^1.3.649:
-  version "1.3.652"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.652.tgz#9465d884d609acffd131ba71096de7bfabd63670"
-  integrity sha512-85J5D0Ksxjq2MIHfgwOURRej72UMlexbaa7t+oKTJan3Pa/RBE8vJ4/JzwaQjLCElPvd0XeLWi7+xYTVrq96aA==
+  version "1.3.664"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.664.tgz#8fb039e2fa8ef3ab2568308464a28425d4f6e2a3"
+  integrity sha512-yb8LrTQXQnh9yhnaIHLk6CYugF/An50T20+X0h++hjjhVfgSp1DGoMSYycF8/aD5eiqS4QwaNhiduFvK8rifRg==

 elegant-spinner@^1.0.1:
  version "1.0.1"
@@ -4983,14 +4989,14 @@ eslint-plugin-prettier@^3.1.3:
    prettier-linter-helpers "^1.0.0"

 eslint-plugin-vue@^7.0.0:
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-7.5.0.tgz#cc6d983eb22781fa2440a7573cf39af439bb5725"
-  integrity sha512-QnMMTcyV8PLxBz7QQNAwISSEs6LYk2LJvGlxalXvpCtfKnqo7qcY0aZTIxPe8QOnHd7WCwiMZLOJzg6A03T0Gw==
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-7.6.0.tgz#ea616e6dfd45d545adb16cba628c5a992cc31f0b"
+  integrity sha512-qYpKwAvpcQXyUXVcG8Zd+fxHDx9iSgTQuO7dql7Ug/2BCvNNDr6s3I9p8MoUo23JJdO7ZAjW3vSwY/EBf4uBcw==
  dependencies:
    eslint-utils "^2.1.0"
    natural-compare "^1.4.0"
    semver "^7.3.2"
-    vue-eslint-parser "^7.4.1"
+    vue-eslint-parser "^7.5.0"

 eslint-scope@^4.0.3:
  version "4.0.3"
@@ -5026,11 +5032,11 @@ eslint-visitor-keys@^2.0.0:
  integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==

 eslint@^7.7.0, eslint@^7.9.0:
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.19.0.tgz#6719621b196b5fad72e43387981314e5d0dc3f41"
-  integrity sha512-CGlMgJY56JZ9ZSYhJuhow61lMPPjUzWmChFya71Z/jilVos7mR/jPgaEfVGgMBY5DshbKdG8Ezb8FDCHcoMEMg==
+  version "7.20.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.20.0.tgz#db07c4ca4eda2e2316e7aa57ac7fc91ec550bdc7"
+  integrity sha512-qGi0CTcOGP2OtCQBgWZlQjcTuP0XkIpYFj25XtRTQSHC+umNnp7UMshr2G8SLsRFYDdAPFeHOsiteadmMH02Yw==
  dependencies:
-    "@babel/code-frame" "^7.0.0"
+    "@babel/code-frame" "7.12.11"
    "@eslint/eslintrc" "^0.3.0"
    ajv "^6.10.0"
    chalk "^4.0.0"
@@ -5042,7 +5048,7 @@ eslint@^7.7.0, eslint@^7.9.0:
    eslint-utils "^2.1.0"
    eslint-visitor-keys "^2.0.0"
    espree "^7.3.1"
-    esquery "^1.2.0"
+    esquery "^1.4.0"
    esutils "^2.0.2"
    file-entry-cache "^6.0.0"
    functional-red-black-tree "^1.0.1"
@@ -5091,10 +5097,10 @@ esprima@^4.0.0, esprima@^4.0.1:
  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==

-esquery@^1.0.1, esquery@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
-  integrity sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==
+esquery@^1.0.1, esquery@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
+  integrity sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==
  dependencies:
    estraverse "^5.1.0"

@@ -5815,9 +5821,9 @@ fsevents@^1.2.7:
    nan "^2.12.1"

 fsevents@~2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.1.tgz#b209ab14c61012636c8863507edf7fb68cc54e9f"
-  integrity sha512-YR47Eg4hChJGAB1O3yEAOkGO+rlzutoICGqGo9EZ4lKWokzZRSyIW1QmTzqjtw8MJdj9srP869CuWw/hyzSiBw==
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==

 function-bind@^1.1.1:
  version "1.1.1"
@@ -5840,9 +5846,9 @@ get-caller-file@^2.0.1, get-caller-file@^2.0.5:
  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==

 get-intrinsic@^1.0.2:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.0.tgz#892e62931e6938c8a23ea5aaebcfb67bd97da97e"
-  integrity sha512-M11rgtQp5GZMZzDL7jLTNxbDfurpzuau5uqRWDPvlHjfvg3TdScAZo96GLvhMjImrmR8uAt0FS2RLoMrfWGKlg==
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
+  integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
  dependencies:
    function-bind "^1.1.1"
    has "^1.0.3"
@@ -6038,15 +6044,22 @@ globby@^9.2.0:
    slash "^2.0.0"

 graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
-  integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
+  version "4.2.6"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
+  integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==

-graphql-tag@^2.10.3, graphql-tag@^2.11.0:
+graphql-tag@^2.10.3:
  version "2.11.0"
  resolved "https://registry.yarnpkg.com/graphql-tag/-/graphql-tag-2.11.0.tgz#1deb53a01c46a7eb401d6cb59dec86fa1cccbffd"
  integrity sha512-VmsD5pJqWJnQZMUeRwrDhfgoyqcfwEkvtpANqcoUG8/tOLkwNgU9mzub/Mc78OJMhHjx7gfAMTxzdG43VGg3bA==

+graphql-tag@^2.12.0:
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/graphql-tag/-/graphql-tag-2.12.1.tgz#b065ef885e4800e4afd0842811b718a205f4aa58"
+  integrity sha512-LPewEE1vzGkHnCO8zdOGogKsHHBdtpGyihow1UuMwp6RnZa0lAS7NcbvltLOuo4pi5diQCPASAXZkQq44ffixA==
+  dependencies:
+    tslib "^1.14.1"
+
 graphql@14.0.2:
  version "14.0.2"
  resolved "https://registry.yarnpkg.com/graphql/-/graphql-14.0.2.tgz#7dded337a4c3fd2d075692323384034b357f5650"
@@ -6192,10 +6205,10 @@ hex-color-regex@^1.1.0:
  resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
  integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==

-highlight.js@^10.0.0, highlight.js@~10.5.0:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.5.0.tgz#3f09fede6a865757378f2d9ebdcbc15ba268f98f"
-  integrity sha512-xTmvd9HiIHR6L53TMC7TKolEj65zG1XU+Onr8oi86mYa+nLcIbxTTWkpW7CsEwv/vK7u1zb8alZIMLDqqN6KTw==
+highlight.js@^10.0.0, highlight.js@~10.6.0:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.6.0.tgz#0073aa71d566906965ba6e1b7be7b2682f5e18b6"
+  integrity sha512-8mlRcn5vk/r4+QcqerapwBYTe+iPL5ih6xrNylxrnBdHQiijDETfXX7VIxC3UiCRiINBJfANBAsPzAvRQj8RpQ==

 hmac-drbg@^1.0.1:
  version "1.0.1"
@@ -6692,7 +6705,7 @@ is-color-stop@^1.0.0:
    rgb-regex "^1.0.1"
    rgba-regex "^1.0.0"

-is-core-module@^2.1.0:
+is-core-module@^2.2.0:
  version "2.2.0"
  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.2.0.tgz#97037ef3d52224d85163f5597b2b63d9afed981a"
  integrity sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==
@@ -7737,9 +7750,9 @@ lazy-ass@1.6.0:
  integrity sha1-eZllXoZGwX8In90YfRUNMyTVRRM=

 leaflet.locatecontrol@^0.72.0:
-  version "0.72.0"
-  resolved "https://registry.yarnpkg.com/leaflet.locatecontrol/-/leaflet.locatecontrol-0.72.0.tgz#7de5c109a0e10a928bae85e4996e5efa49a3c905"
-  integrity sha512-enAf10UG9Z1bV0siTP/+vG/ZVncDqSA3V8c6iZ3s6KWL5Ngkk4A4mk9Ssefj46ey98I9HSYWqoS+k2Y7EaKjwQ==
+  version "0.72.2"
+  resolved "https://registry.yarnpkg.com/leaflet.locatecontrol/-/leaflet.locatecontrol-0.72.2.tgz#513787f983bce029c100a79aedc9eb98383100e0"
+  integrity sha512-MNi7m+TlQFwiz5jq5W9vcGjwBHsh1PGxjKjONYd0NezuSLdj9dNjRsupLXtF2fNnX+s+tPNzP7V+Nmg6TKvhHA==

 leaflet@^1.4.0:
  version "1.7.1"
@@ -8017,12 +8030,12 @@ lower-case@^1.1.1:
  integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=

 lowlight@^1.17.0:
-  version "1.18.0"
-  resolved "https://registry.yarnpkg.com/lowlight/-/lowlight-1.18.0.tgz#cfff11cfb125ca66f1c12cb43d27fff68cbeafa9"
-  integrity sha512-Zlc3GqclU71HRw5fTOy00zz5EOlqAdKMYhOFIO8ay4SQEDQgFuhR8JNwDIzAGMLoqTsWxe0elUNmq5o2USRAzw==
+  version "1.19.0"
+  resolved "https://registry.yarnpkg.com/lowlight/-/lowlight-1.19.0.tgz#b8544199cafcf10c5731b21c7458c358f79a2a97"
+  integrity sha512-NIskvQ1d1ovKyUytkMpT8+8Bhq3Ub54os1Xp4RAC9uNbXH1YVRf5NERq7JNzapEe5BzUc1Cj4F0I+eLBBFj6hA==
  dependencies:
    fault "^1.0.0"
-    highlight.js "~10.5.0"
+    highlight.js "~10.6.0"

 lru-cache@^4.0.1, lru-cache@^4.1.2, lru-cache@^4.1.5:
  version "4.1.5"
@@ -8232,11 +8245,16 @@ miller-rabin@^4.0.0:
    bn.js "^4.0.0"
    brorand "^1.0.1"

-mime-db@1.45.0, "mime-db@>= 1.43.0 < 2":
+mime-db@1.45.0:
  version "1.45.0"
  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.45.0.tgz#cceeda21ccd7c3a745eba2decd55d4b73e7879ea"
  integrity sha512-CkqLUxUk15hofLoLyljJSrukZi8mAtgd+yE5uO4tqRZsdsAJKv0O+rFMhVDRJgozy+yG6md5KwuXhD4ocIoP+w==

+"mime-db@>= 1.43.0 < 2":
+  version "1.46.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.46.0.tgz#6267748a7f799594de3cbc8cde91def349661cee"
+  integrity sha512-svXaP8UQRZ5K7or+ZmfNhg2xX3yKDMUzqadsSqi4NCH/KomcH75MAMYAGVlvXn4+b/xOPhS3I2uHKRUzvjY7BQ==
+
 mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
  version "2.1.28"
  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.28.tgz#1160c4757eab2c5363888e005273ecf79d2a0ecd"
@@ -9805,18 +9823,18 @@ prosemirror-collab@^1.2.2:
    prosemirror-state "^1.0.0"

 prosemirror-commands@^1.1.4:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/prosemirror-commands/-/prosemirror-commands-1.1.5.tgz#3f07a5b13e424ad8728168b6b45e1b17e47c2b81"
-  integrity sha512-4CKAnDxLTtUHpjRZZVEF/LLMUYh7NbS3Ze3mP5UEAgar4WRWQYg3Js01wnp/GMqaZueNHhsp9UVvOrAK+7DWbQ==
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/prosemirror-commands/-/prosemirror-commands-1.1.6.tgz#727c045eb60e7d61f1b1d0a9411a7f60286bb1de"
+  integrity sha512-oh3DN9qhtYR+4/Yfb9+hAKjiV4pEqPRxsPqUeoVqJP7Dfbk4jQKYZFDKMZgLAdSFi49fMeiVYieN3fpjOLuP0Q==
  dependencies:
    prosemirror-model "^1.0.0"
    prosemirror-state "^1.0.0"
    prosemirror-transform "^1.0.0"

 prosemirror-dropcursor@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/prosemirror-dropcursor/-/prosemirror-dropcursor-1.3.2.tgz#28738c4ed7102e814d7a8a26d70018523fc7cd6d"
-  integrity sha512-4c94OUGyobGnwcQI70OXyMhE/9T4aTgjU+CHxkd5c7D+jH/J0mKM/lk+jneFVKt7+E4/M0D9HzRPifu8U28Thw==
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/prosemirror-dropcursor/-/prosemirror-dropcursor-1.3.3.tgz#583d6a82b4960d468132c07c40803cc1d697fda4"
+  integrity sha512-zavE+wh+qkDcP7LaWn+jXVujGyQzBYSmM8E2HSngQ3KaaR+HJYgEBYGs9ynLHqKWLlLCXsxWdVYPV49v4caFyg==
  dependencies:
    prosemirror-state "^1.0.0"
    prosemirror-transform "^1.1.0"
@@ -9858,9 +9876,9 @@ prosemirror-keymap@^1.0.0, prosemirror-keymap@^1.1.2, prosemirror-keymap@^1.1.4:
    w3c-keyname "^2.2.0"

 prosemirror-model@^1.0.0, prosemirror-model@^1.1.0, prosemirror-model@^1.13.1, prosemirror-model@^1.8.1:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-model/-/prosemirror-model-1.13.1.tgz#fa3dc888cf6928bd3968620588ffe6458d201f9f"
-  integrity sha512-PNH+b5bilAJi1B5yJ8QzoNY3ZV+nlD0jKG3XCBk7PmE/YUTJomBkFBS005vfU+3M9yeVR8/6spAEDsfVFUhNeQ==
+  version "1.13.3"
+  resolved "https://registry.yarnpkg.com/prosemirror-model/-/prosemirror-model-1.13.3.tgz#3ccfde73b9c9e706933c72bdf7462906509ff1c9"
+  integrity sha512-wujIYYQEcxdkbKmIJiekVjqtylKxuoEcc+w2PnN7Itc58m/75J4rCUz2dibygVQJFi3gZrD2DNFLjOS6LP4w1g==
  dependencies:
    orderedmap "^1.1.0"

@@ -9892,16 +9910,16 @@ prosemirror-tables@^1.1.1:
    prosemirror-view "^1.13.3"

 prosemirror-transform@^1.0.0, prosemirror-transform@^1.1.0, prosemirror-transform@^1.2.1, prosemirror-transform@^1.2.8:
-  version "1.2.9"
-  resolved "https://registry.yarnpkg.com/prosemirror-transform/-/prosemirror-transform-1.2.9.tgz#dfa048102c12a457deaf4c60ae633ac3eaacc7c9"
-  integrity sha512-oiocfgn7J7Fulvl7luBsyxdAf0CJp96+0FIcqhHSvYVr/R4KqZNxXcU9xESaI9Xw+tTvDUiiS3gedVk3AOic4w==
+  version "1.2.11"
+  resolved "https://registry.yarnpkg.com/prosemirror-transform/-/prosemirror-transform-1.2.11.tgz#87fc53b2b1344ca4c2c4cb3f3b61486794b6a0b3"
+  integrity sha512-i4N5bMZcmhZPJw1ULH2Ne6SumqrkWBQpJXo/PN6xwq8kv6q7IZVYDjF7DRe2vp3AiqZ/5KnLucJM7e82875LyQ==
  dependencies:
    prosemirror-model "^1.0.0"

 prosemirror-view@^1.0.0, prosemirror-view@^1.1.0, prosemirror-view@^1.13.3, prosemirror-view@^1.16.5:
-  version "1.17.3"
-  resolved "https://registry.yarnpkg.com/prosemirror-view/-/prosemirror-view-1.17.3.tgz#66a51da731e840a83ddcc9531f2e5f2b519ce5ff"
-  integrity sha512-jZiuoLe/5wY4ztFZrLbnpCf2EfCpW0gCBwLNoF07ACSNTWvjcnR8WaHTiSxBK75TbSPvtqr3B8dW4K1bdYUSLg==
+  version "1.17.6"
+  resolved "https://registry.yarnpkg.com/prosemirror-view/-/prosemirror-view-1.17.6.tgz#9c31c84b9b78bd3aa3343d1b90eff36869387a5b"
+  integrity sha512-ZnpIQg8DzrvpeBPLab3UUEjwjA37CwOjQruDyzdHYUf6MA95H48tchIOVrwUdQxFDhETaG5iQOWZlAzYj+olzw==
  dependencies:
    prosemirror-model "^1.1.0"
    prosemirror-state "^1.0.0"
@@ -10025,6 +10043,11 @@ querystringify@^2.1.1:
  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==

+queue-microtask@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.2.tgz#abf64491e6ecf0f38a6502403d4cda04f372dfd3"
+  integrity sha512-dB15eXv3p2jDlbOiNLyMabYg1/sXvppd8DP2J3EOCQ0AkuSXCW2tP7mnVouVLJKgUMY6yP0kcQDVpLCN13h4Xg==
+
 ramda@0.24.1:
  version "0.24.1"
  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.24.1.tgz#c3b7755197f35b8dc3502228262c4c91ddb6b857"
@@ -10405,11 +10428,11 @@ resolve@1.1.7:
  integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=

 resolve@1.x, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.3.2:
-  version "1.19.0"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.19.0.tgz#1af5bf630409734a067cae29318aac7fa29a267c"
-  integrity sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
+  integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
  dependencies:
-    is-core-module "^2.1.0"
+    is-core-module "^2.2.0"
    path-parse "^1.0.6"

 restore-cursor@^1.0.1:
@@ -10534,9 +10557,11 @@ run-async@^2.4.0:
  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==

 run-parallel@^1.1.9:
-  version "1.1.10"
-  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.10.tgz#60a51b2ae836636c81377df16cb107351bcd13ef"
-  integrity sha512-zb/1OuZ6flOlH6tQyMPUrE3x3Ulxjlo9WIVXR4yVYi4H9UXQaeIsPbLn2R3O3vQCnDKkAl2qHiuocKKX4Tz/Sw==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"

 run-queue@^1.0.0, run-queue@^1.0.3:
  version "1.0.3"
@@ -10615,9 +10640,9 @@ sass-loader@^10.0.1:
    semver "^7.3.2"

 sass@^1.29.0:
-  version "1.32.6"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.32.6.tgz#e3646c8325cd97ff75a8a15226007f3ccd221393"
-  integrity sha512-1bcDHDcSqeFtMr0JXI3xc/CXX6c4p0wHHivJdru8W7waM7a1WjKMm4m/Z5sY7CbVw4Whi2Chpcw6DFfSWwGLzQ==
+  version "1.32.7"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.32.7.tgz#632a9df2b85dc4b346977fcaf2d5e6f2b7039fd8"
+  integrity sha512-C8Z4bjqGWnsYa11o8hpKAuoyFdRhrSHcYjCr+XAWVPSIQqC8mp2f5Dx4em0dKYehPzg5XSekmCjqJnEZbIls9A==
  dependencies:
    chokidar ">=2.0.0 <4.0.0"

@@ -11939,14 +11964,14 @@ typedarray@^0.0.6:
  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=

 typescript@^3.9.3:
-  version "3.9.7"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa"
-  integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==
+  version "3.9.9"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.9.tgz#e69905c54bc0681d0518bd4d587cc6f2d0b1a674"
+  integrity sha512-kdMjTiekY+z/ubJCATUPlRDl39vXYiMV9iyeMuEuXZh2we6zz80uovNN2WlAxmmdE/Z/YQe+EbOEXB5RHEED3w==

 typescript@~4.1.2:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.3.tgz#519d582bd94cba0cf8934c7d8e8467e473f53bb7"
-  integrity sha512-B3ZIOf1IKeH2ixgHhj6la6xdwR9QrLC5d1VKeCSY4tvkqhF2eqd9O7txNlS0PO3GrBAFIdr3L1ndNwteUbZLYg==
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.5.tgz#123a3b214aaff3be32926f0d8f1f6e704eb89a72"
+  integrity sha512-6OSu9PTIzmn9TCDiovULTnET6BgXtDYL4Gg4szY+cGsc3JP1dQL8qvE8kShTRx1NIw4Q9IBHlwODjkjWEtMUyA==

 uglify-js@3.4.x:
  version "3.4.10"
@@ -12232,9 +12257,9 @@ vm-browserify@^1.0.1:
  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==

 vue-apollo@^3.0.3:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/vue-apollo/-/vue-apollo-3.0.5.tgz#d4c7e8c7f36d76a7eed005fe565621eb0fb20522"
-  integrity sha512-Y9EMf47rEXLUpn8hPVZt4Iu9/KoI+OFmAznAYjL7oVoYvVGbt71jWhZWHQiN9YBriI1SscF5Exy0a2bV7XVA3A==
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/vue-apollo/-/vue-apollo-3.0.7.tgz#97a031d45641faa4888a6d5a7f71c40834359704"
+  integrity sha512-EUfIn4cJmoflnDJiSNP8gH4fofIEzd0I2AWnd9nhHB8mddmzIfgSNjIRihDcRB10wypYG1OG0GcU335CFgZRfA==
  dependencies:
    chalk "^2.4.2"
    serialize-javascript "^4.0.0"
@@ -12256,16 +12281,16 @@ vue-cli-plugin-svg@~0.1.3:
    url-loader "^2.0.0"
    vue-svg-loader "^0.12.0"

-vue-eslint-parser@^7.0.0, vue-eslint-parser@^7.4.1:
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.4.1.tgz#e4adcf7876a7379758d9056a72235af18a587f92"
-  integrity sha512-AFvhdxpFvliYq1xt/biNBslTHE/zbEvSnr1qfHA/KxRIpErmEDrQZlQnvEexednRHmLfDNOMuDYwZL5xkLzIXQ==
+vue-eslint-parser@^7.0.0, vue-eslint-parser@^7.5.0:
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.5.0.tgz#b68221c55fee061899afcfb4441ec74c1495285e"
+  integrity sha512-6EHzl00hIpy4yWZo3qSbtvtVw1A1cTKOv1w95QSuAqGgk4113XtRjvNIiEGo49r0YWOPYsrmI4Dl64axL5Agrw==
  dependencies:
    debug "^4.1.1"
    eslint-scope "^5.0.0"
    eslint-visitor-keys "^1.1.0"
    espree "^6.2.1"
-    esquery "^1.0.1"
+    esquery "^1.4.0"
    lodash "^4.17.15"

 vue-eslint-parser@~7.1.0:
@@ -12985,9 +13010,9 @@ yargs-parser@^13.1.2:
    decamelize "^1.2.0"

 yargs-parser@^20.2.2:
-  version "20.2.4"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.4.tgz#b42890f14566796f85ae8e3a25290d205f154a54"
-  integrity sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==
+  version "20.2.5"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.5.tgz#5d37729146d3f894f39fc94b6796f5b239513186"
+  integrity sha512-jYRGS3zWy20NtDtK2kBgo/TlAoy5YUuhD9/LZ7z7W4j1Fdw2cqD0xEEclf8fxc8xjD6X5Qr+qQQwCEsP8iRiYg==

 yargs@^13.3.0, yargs@^13.3.2:
  version "13.3.2"