1 files changed, 44 insertions, 0 deletions
diff --git a/app/assets/javascripts/contribution_events/components/contribution_event/contribution_event_joined.vue b/app/assets/javascripts/contribution_events/components/contribution_event/contribution_event_joined.vue
new file mode 100644
index 00000000000..1b60582e7e1
--- /dev/null
+++ b/app/assets/javascripts/contribution_events/components/contribution_event/contribution_event_joined.vue
@@ -0,0 +1,44 @@
+<script>
+import { s__ } from '~/locale';
+import ContributionEventBase from './contribution_event_base.vue';
+
+export default {
+  name: 'ContributionEventJoined',
+  i18n: {
+    message: s__('ContributionEvent|Joined project %{resourceParentLink}.'),
+  },
+  components: { ContributionEventBase },
+  props: {
+    /**
+     * Expected format
+     * {
+     *   created_at: string;
+     *   action: "joined"
+     *   author: {
+     *     id: number;
+     *     username: string;
+     *     name: string;
+     *     state: string;
+     *     avatar_url: string;
+     *     web_url: string;
+     *   };
+     *   resource_parent: {
+     *     type: "project";
+     *     full_name: string;
+     *     full_path: string;
+     *     web_url: string;
+     *     avatar_url: string;
+     *   };
+     * };
+     */
+    event: {
+      type: Object,
+      required: true,
+    },
+  },
+};
+</script>
+
+<template>
+  <contribution-event-base :event="event" :message="$options.i18n.message" icon-name="users" />
+</template>