refactor/frontend: extract isOwnCampCollaboration in collaborator

Author: BacLuc

frontend/src/components/collaborator/CollaboratorEdit.vue

@@ -131,6 +131,7 @@ import { errorToMultiLineToast } from '@/components/toast/toasts.js'
 import CollaboratorListItem from '@/components/collaborator/CollaboratorListItem.vue'
 import PromptEntityDelete from '@/components/prompt/PromptEntityDelete.vue'
 import campCollaborationDisplayName from '../../../../common/helpers/campCollaborationDisplayName'
+import isOwnCampCollaboration from './isOwnCampCollaboration.js'
 
 export default {
   name: 'CollaboratorEdit',
@@ -173,10 +174,7 @@ export default {
       )
     },
     isOwnCampCollaboration() {
-      if (!(typeof this.collaborator.user === 'function')) {
-        return false
-      }
-      return this.$store.state.auth.user?.id === this.collaborator.user().id
+      return isOwnCampCollaboration(this.collaborator, this.$store.state.auth)
     },
     name() {
       return campCollaborationDisplayName(this.collaborator, this.$tc.bind(this), false)

frontend/src/components/collaborator/CollaboratorList.vue

@@ -23,29 +23,10 @@ import CollaboratorEdit from '@/components/collaborator/CollaboratorEdit.vue'
 import CollaboratorListItem from '@/components/collaborator/CollaboratorListItem.vue'
 import { sortBy } from 'lodash-es'
 import campCollaborationDisplayName from '@/common/helpers/campCollaborationDisplayName.js'
+import isOwnCampCollaboration from './isOwnCampCollaboration.js'
 
 const ROLE_ORDER = ['manager', 'member', 'guest']
 
-/**
- * @typedef Collaborator {
- *   user: () => { id: string },
- * }
- *
- * @typedef Auth {
- *   user: { id: string },
- * }
- *
- * @param {Collaborator} collaborator
- * @param {Auth} auth
- * @returns {boolean}
- */
-function isOwnCampCollaboration(collaborator, auth) {
-  if (!(typeof collaborator.user === 'function')) {
-    return false
-  }
-  return auth.user?.id === collaborator.user().id
-}
-
 export default {
   name: 'CollaboratorList',
   components: {

frontend/src/components/collaborator/PromptCollaboratorDeactivate.vue

@@ -35,6 +35,7 @@ import DialogBase from '@/components/dialog/DialogBase.vue'
 import campCollaborationDisplayName from '@/common/helpers/campCollaborationDisplayName.js'
 import { errorToMultiLineToast } from '@/components/toast/toasts'
 import PopoverPrompt from '@/components/prompt/PopoverPrompt.vue'
+import isOwnCampCollaboration from './isOwnCampCollaboration.js'
 
 export default {
   name: 'PromptCollaboratorDeactivate',
@@ -45,10 +46,7 @@ export default {
   },
   computed: {
     isOwnCampCollaboration() {
-      if (!(typeof this.entity.user === 'function')) {
-        return false
-      }
-      return this.$store.state.auth.user?.id === this.entity.user().id
+      return isOwnCampCollaboration(this.entity, this.$store.state.auth)
     },
     displayName() {
       return campCollaborationDisplayName(this.entity, this.$tc.bind(this))

frontend/src/components/collaborator/isOwnCampCollaboration.js

@@ -0,0 +1,19 @@
+/**
+ * @typedef Collaborator {
+ *   user: () => { id: string },
+ * }
+ *
+ * @typedef Auth {
+ *   user: { id: string },
+ * }
+ *
+ * @param {Collaborator} collaborator
+ * @param {Auth} auth
+ * @returns {boolean}
+ */
+export default function isOwnCampCollaboration(collaborator, auth) {
+  if (!(typeof collaborator.user === 'function')) {
+    return false
+  }
+  return auth.user?.id === collaborator.user().id
+}