From f715f7b97c66fb8518b74b93695ebc5ffebfa44e Mon Sep 17 00:00:00 2001
From: NataliaTepluhina <tarya.se@gmail.com>
Date: Wed, 3 May 2023 09:10:49 +0200
Subject: [PATCH 1/8] Added a placeholder drawer

---
 .../javascripts/issues/list/components/issues_list_app.vue  | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/assets/javascripts/issues/list/components/issues_list_app.vue b/app/assets/javascripts/issues/list/components/issues_list_app.vue
index 5fb83dfd1ab14e..a9144fa442b9b2 100644
--- a/app/assets/javascripts/issues/list/components/issues_list_app.vue
+++ b/app/assets/javascripts/issues/list/components/issues_list_app.vue
@@ -6,6 +6,7 @@ import {
   GlDropdown,
   GlDropdownItem,
   GlDropdownDivider,
+  GlDrawer,
 } from '@gitlab/ui';
 import * as Sentry from '@sentry/browser';
 import fuzzaldrinPlus from 'fuzzaldrin-plus';
@@ -124,6 +125,7 @@ export default {
     GlDropdown,
     GlDropdownDivider,
     GlDropdownItem,
+    GlDrawer,
     IssuableByEmail,
     IssuableList,
     IssueCardStatistics,
@@ -770,6 +772,10 @@ export default {
 
 <template>
   <div>
+    <gl-drawer class="gl-pt-12" title="Some drawer stuff" open>
+      <template #title>Issue</template>
+      <template #default>Issue content</template>
+    </gl-drawer>
     <issuable-list
       v-if="hasAnyIssues"
       :namespace="fullPath"
-- 
GitLab


From 6c4d584605dc84ebab49e00c45e347739412af0f Mon Sep 17 00:00:00 2001
From: NataliaTepluhina <tarya.se@gmail.com>
Date: Wed, 3 May 2023 10:15:56 +0200
Subject: [PATCH 2/8] Added work item detail in the drawer

---
 .../list/components/issues_list_app.vue       | 24 ++++++++++++++++---
 app/assets/javascripts/issues/list/index.js   |  1 +
 .../list/components/issuable_item.vue         |  8 +++++++
 .../list/components/issuable_list_root.vue    |  1 +
 4 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/issues/list/components/issues_list_app.vue b/app/assets/javascripts/issues/list/components/issues_list_app.vue
index a9144fa442b9b2..497cb92d5f8520 100644
--- a/app/assets/javascripts/issues/list/components/issues_list_app.vue
+++ b/app/assets/javascripts/issues/list/components/issues_list_app.vue
@@ -7,6 +7,7 @@ import {
   GlDropdownItem,
   GlDropdownDivider,
   GlDrawer,
+  GlLink,
 } from '@gitlab/ui';
 import * as Sentry from '@sentry/browser';
 import fuzzaldrinPlus from 'fuzzaldrin-plus';
@@ -63,6 +64,7 @@ import IssuableList from '~/vue_shared/issuable/list/components/issuable_list_ro
 import { DEFAULT_PAGE_SIZE, issuableListTabs } from '~/vue_shared/issuable/list/constants';
 import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import NewResourceDropdown from '~/vue_shared/components/new_resource_dropdown/new_resource_dropdown.vue';
+import WorkItemDetail from '~/work_items/components/work_item_detail.vue';
 import {
   CREATED_DESC,
   defaultTypeTokenOptions,
@@ -131,6 +133,8 @@ export default {
     IssueCardStatistics,
     IssueCardTimeInfo,
     NewResourceDropdown,
+    WorkItemDetail,
+    GlLink,
   },
   directives: {
     GlTooltip: GlTooltipDirective,
@@ -196,6 +200,7 @@ export default {
       sortKey: CREATED_DESC,
       state: STATUS_OPEN,
       pageSize: DEFAULT_PAGE_SIZE,
+      activeIssuable: null,
     };
   },
   apollo: {
@@ -506,6 +511,9 @@ export default {
         })
       );
     },
+    isIssuableSelected() {
+      return !isEmpty(this.activeIssuable);
+    },
   },
   watch: {
     $route(newValue, oldValue) {
@@ -766,15 +774,24 @@ export default {
       this.sortKey = sortKey;
       this.state = state || STATUS_OPEN;
     },
+    handleSelectIssuable(issuable) {
+      this.activeIssuable = issuable;
+    },
   },
 };
 </script>
 
 <template>
   <div>
-    <gl-drawer class="gl-pt-12" title="Some drawer stuff" open>
-      <template #title>Issue</template>
-      <template #default>Issue content</template>
+    <gl-drawer :open="isIssuableSelected" class="gl-pt-12 gl-w-40p" @close="activeIssuable = null">
+      <template #title>
+        <gl-link :href="activeIssuable.webUrl" class="gl-text-black-normal">{{
+          __('Open full view')
+        }}</gl-link>
+      </template>
+      <template #default>
+        <work-item-detail :work-item-iid="activeIssuable.iid" />
+      </template>
     </gl-drawer>
     <issuable-list
       v-if="hasAnyIssues"
@@ -814,6 +831,7 @@ export default {
       @sort="handleSort"
       @update-legacy-bulk-edit="handleUpdateLegacyBulkEdit"
       @page-size-change="handlePageSizeChange"
+      @selectIssuable="handleSelectIssuable"
     >
       <template #nav-actions>
         <gl-button
diff --git a/app/assets/javascripts/issues/list/index.js b/app/assets/javascripts/issues/list/index.js
index a97b59c1e4f58d..818b7d67eeb83d 100644
--- a/app/assets/javascripts/issues/list/index.js
+++ b/app/assets/javascripts/issues/list/index.js
@@ -116,6 +116,7 @@ export async function mountIssuesListApp() {
       canReadCrmOrganization: parseBoolean(canReadCrmOrganization),
       emptyStateSvgPath,
       fullPath,
+      projectPath: fullPath,
       groupPath,
       hasAnyIssues: parseBoolean(hasAnyIssues),
       hasAnyProjects: parseBoolean(hasAnyProjects),
diff --git a/app/assets/javascripts/vue_shared/issuable/list/components/issuable_item.vue b/app/assets/javascripts/vue_shared/issuable/list/components/issuable_item.vue
index 62a32d8942ab8f..f7ad967d0292bb 100644
--- a/app/assets/javascripts/vue_shared/issuable/list/components/issuable_item.vue
+++ b/app/assets/javascripts/vue_shared/issuable/list/components/issuable_item.vue
@@ -178,6 +178,13 @@ export default {
       }
       return '';
     },
+    handleIssuableItemClick(e) {
+      if (e.metaKey || e.ctrlKey) {
+        return;
+      }
+      e.preventDefault();
+      this.$emit('selectIssuable', { iid: this.issuableIid, webUrl: this.webUrl });
+    },
   },
 };
 </script>
@@ -228,6 +235,7 @@ export default {
           :href="webUrl"
           data-qa-selector="issuable_title_link"
           v-bind="issuableTitleProps"
+          @click="handleIssuableItemClick"
         >
           {{ issuable.title }}
           <gl-icon v-if="isIssuableUrlExternal" name="external-link" class="gl-ml-2" />
diff --git a/app/assets/javascripts/vue_shared/issuable/list/components/issuable_list_root.vue b/app/assets/javascripts/vue_shared/issuable/list/components/issuable_list_root.vue
index 95108933a0b73d..9147c6a274b49a 100644
--- a/app/assets/javascripts/vue_shared/issuable/list/components/issuable_list_root.vue
+++ b/app/assets/javascripts/vue_shared/issuable/list/components/issuable_list_root.vue
@@ -362,6 +362,7 @@ export default {
           :checked="issuableChecked(issuable)"
           :show-work-item-type-icon="showWorkItemTypeIcon"
           @checked-input="handleIssuableCheckedInput(issuable, $event)"
+          @selectIssuable="$emit('selectIssuable', $event)"
         >
           <template #reference>
             <slot name="reference" :issuable="issuable"></slot>
-- 
GitLab


From cdc9ae7bda4aada6d8784ce551da9e44204eb31e Mon Sep 17 00:00:00 2001
From: NataliaTepluhina <tarya.se@gmail.com>
Date: Wed, 3 May 2023 10:30:36 +0200
Subject: [PATCH 3/8] Merged apollo clients for issuable list + item

---
 .../issues/list/components/issues_list_app.vue           | 9 ++++++++-
 app/assets/javascripts/issues/list/graphql.js            | 5 +++--
 app/assets/javascripts/issues/list/index.js              | 1 +
 .../work_items/components/work_item_detail.vue           | 1 +
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/issues/list/components/issues_list_app.vue b/app/assets/javascripts/issues/list/components/issues_list_app.vue
index 497cb92d5f8520..cf64e3f2ac4815 100644
--- a/app/assets/javascripts/issues/list/components/issues_list_app.vue
+++ b/app/assets/javascripts/issues/list/components/issues_list_app.vue
@@ -777,6 +777,9 @@ export default {
     handleSelectIssuable(issuable) {
       this.activeIssuable = issuable;
     },
+    updateIssuablesCache(data) {
+      console.log(data);
+    },
   },
 };
 </script>
@@ -790,7 +793,11 @@ export default {
         }}</gl-link>
       </template>
       <template #default>
-        <work-item-detail :work-item-iid="activeIssuable.iid" />
+        <work-item-detail
+          :key="activeIssuable.iid"
+          :work-item-iid="activeIssuable.iid"
+          @work-item-updated="updateIssuablesCache"
+        />
       </template>
     </gl-drawer>
     <issuable-list
diff --git a/app/assets/javascripts/issues/list/graphql.js b/app/assets/javascripts/issues/list/graphql.js
index e64870152bd196..6e9a566cb5c445 100644
--- a/app/assets/javascripts/issues/list/graphql.js
+++ b/app/assets/javascripts/issues/list/graphql.js
@@ -1,6 +1,7 @@
 import produce from 'immer';
 import createDefaultClient, { createApolloClientWithCaching } from '~/lib/graphql';
 import getIssuesQuery from 'ee_else_ce/issues/list/queries/get_issues.query.graphql';
+import { config } from '~/graphql_shared/issuable_client';
 
 let client;
 
@@ -27,7 +28,7 @@ const resolvers = {
 export async function gqlClient() {
   if (client) return client;
   client = gon.features?.frontendCaching
-    ? await createApolloClientWithCaching(resolvers, { localCacheKey: 'issues_list' })
-    : createDefaultClient(resolvers);
+    ? await createApolloClientWithCaching(resolvers, { localCacheKey: 'issues_list', ...config })
+    : createDefaultClient(resolvers, config);
   return client;
 }
diff --git a/app/assets/javascripts/issues/list/index.js b/app/assets/javascripts/issues/list/index.js
index 818b7d67eeb83d..a9de1f9f309fb8 100644
--- a/app/assets/javascripts/issues/list/index.js
+++ b/app/assets/javascripts/issues/list/index.js
@@ -118,6 +118,7 @@ export async function mountIssuesListApp() {
       fullPath,
       projectPath: fullPath,
       groupPath,
+      reportAbusePath: '',
       hasAnyIssues: parseBoolean(hasAnyIssues),
       hasAnyProjects: parseBoolean(hasAnyProjects),
       hasBlockedIssuesFeature: parseBoolean(hasBlockedIssuesFeature),
diff --git a/app/assets/javascripts/work_items/components/work_item_detail.vue b/app/assets/javascripts/work_items/components/work_item_detail.vue
index 5abc4da38ee7ce..2d110e3842b528 100644
--- a/app/assets/javascripts/work_items/components/work_item_detail.vue
+++ b/app/assets/javascripts/work_items/components/work_item_detail.vue
@@ -158,6 +158,7 @@ export default {
         if (!res.data) {
           return;
         }
+        this.$emit('work-item-updated', this.workItem);
         if (isEmpty(this.workItem)) {
           this.setEmptyState();
         }
-- 
GitLab


From 59f88cc4cccf9b049a3b300d7a4d7d1c1d83b854 Mon Sep 17 00:00:00 2001
From: NataliaTepluhina <tarya.se@gmail.com>
Date: Wed, 3 May 2023 11:04:06 +0200
Subject: [PATCH 4/8] Added assignees and labels

---
 .../list/components/issues_list_app.vue       | 38 ++++++++++++++++++-
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/issues/list/components/issues_list_app.vue b/app/assets/javascripts/issues/list/components/issues_list_app.vue
index cf64e3f2ac4815..d041aebc92ddfa 100644
--- a/app/assets/javascripts/issues/list/components/issues_list_app.vue
+++ b/app/assets/javascripts/issues/list/components/issues_list_app.vue
@@ -65,6 +65,16 @@ import { DEFAULT_PAGE_SIZE, issuableListTabs } from '~/vue_shared/issuable/list/
 import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import NewResourceDropdown from '~/vue_shared/components/new_resource_dropdown/new_resource_dropdown.vue';
 import WorkItemDetail from '~/work_items/components/work_item_detail.vue';
+import {
+  WIDGET_TYPE_ASSIGNEES,
+  WIDGET_TYPE_LABELS,
+  WIDGET_TYPE_START_AND_DUE_DATE,
+  WIDGET_TYPE_WEIGHT,
+  WIDGET_TYPE_PROGRESS,
+  WIDGET_TYPE_MILESTONE,
+  WIDGET_TYPE_ITERATION,
+  WIDGET_TYPE_NOTES,
+} from '~/work_items/constants';
 import {
   CREATED_DESC,
   defaultTypeTokenOptions,
@@ -101,6 +111,7 @@ import {
 import { hasNewIssueDropdown } from '../has_new_issue_dropdown_mixin';
 import EmptyStateWithAnyIssues from './empty_state_with_any_issues.vue';
 import EmptyStateWithoutAnyIssues from './empty_state_without_any_issues.vue';
+import produce from 'immer';
 
 const UserToken = () => import('~/vue_shared/components/filtered_search_bar/tokens/user_token.vue');
 const EmojiToken = () =>
@@ -777,8 +788,31 @@ export default {
     handleSelectIssuable(issuable) {
       this.activeIssuable = issuable;
     },
-    updateIssuablesCache(data) {
-      console.log(data);
+    updateIssuablesCache(workItem) {
+      const client = this.$apollo.provider.clients.defaultClient;
+      const issuesList = client.readQuery({
+        query: getIssuesQuery,
+        variables: this.queryVariables,
+      });
+
+      console.log(issuesList.project.issues.nodes.find((issue) => issue.iid === workItem.iid));
+
+      const data = produce(issuesList, (draftData) => {
+        const activeIssue = draftData.project.issues.nodes.find(
+          (issue) => issue.iid === workItem.iid,
+        );
+        // eslint-disable-next-line no-underscore-dangle
+        activeIssue.__persist = true;
+        activeIssue.title = workItem.title;
+        activeIssue.assignees = workItem?.widgets?.find(
+          (widget) => widget.type === WIDGET_TYPE_ASSIGNEES,
+        ).assignees;
+        activeIssue.labels = workItem?.widgets?.find(
+          (widget) => widget.type === WIDGET_TYPE_LABELS,
+        ).labels;
+      });
+
+      client.writeQuery({ query: getIssuesQuery, variables: this.queryVariables, data });
     },
   },
 };
-- 
GitLab


From 46dcf5ab1df91ff0707dd926fa729963e2f0c8da Mon Sep 17 00:00:00 2001
From: NataliaTepluhina <tarya.se@gmail.com>
Date: Wed, 3 May 2023 11:14:42 +0200
Subject: [PATCH 5/8] Fixed persist error

---
 .../javascripts/issues/list/components/issues_list_app.vue    | 4 +++-
 .../javascripts/work_items/graphql/milestone.fragment.graphql | 1 +
 .../work_items/graphql/update_work_item.mutation.graphql      | 2 +-
 .../work_items/graphql/work_item_by_iid.query.graphql         | 2 +-
 .../work_items/graphql/work_item_widgets.fragment.graphql     | 2 ++
 .../work_items/graphql/work_item_widgets.fragment.graphql     | 3 +++
 6 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/issues/list/components/issues_list_app.vue b/app/assets/javascripts/issues/list/components/issues_list_app.vue
index d041aebc92ddfa..cf84e618031a8b 100644
--- a/app/assets/javascripts/issues/list/components/issues_list_app.vue
+++ b/app/assets/javascripts/issues/list/components/issues_list_app.vue
@@ -802,7 +802,6 @@ export default {
           (issue) => issue.iid === workItem.iid,
         );
         // eslint-disable-next-line no-underscore-dangle
-        activeIssue.__persist = true;
         activeIssue.title = workItem.title;
         activeIssue.assignees = workItem?.widgets?.find(
           (widget) => widget.type === WIDGET_TYPE_ASSIGNEES,
@@ -810,6 +809,9 @@ export default {
         activeIssue.labels = workItem?.widgets?.find(
           (widget) => widget.type === WIDGET_TYPE_LABELS,
         ).labels;
+        activeIssue.milestone = workItem?.widgets?.find(
+          (widget) => widget.type === WIDGET_TYPE_MILESTONE,
+        ).milestone;
       });
 
       client.writeQuery({ query: getIssuesQuery, variables: this.queryVariables, data });
diff --git a/app/assets/javascripts/work_items/graphql/milestone.fragment.graphql b/app/assets/javascripts/work_items/graphql/milestone.fragment.graphql
index 5c93370aac9356..9828363990b525 100644
--- a/app/assets/javascripts/work_items/graphql/milestone.fragment.graphql
+++ b/app/assets/javascripts/work_items/graphql/milestone.fragment.graphql
@@ -5,4 +5,5 @@ fragment MilestoneFragment on Milestone {
   state
   startDate
   dueDate
+  webPath
 }
diff --git a/app/assets/javascripts/work_items/graphql/update_work_item.mutation.graphql b/app/assets/javascripts/work_items/graphql/update_work_item.mutation.graphql
index 25eb8099251e8d..b92489dd982c4e 100644
--- a/app/assets/javascripts/work_items/graphql/update_work_item.mutation.graphql
+++ b/app/assets/javascripts/work_items/graphql/update_work_item.mutation.graphql
@@ -1,7 +1,7 @@
 #import "./work_item.fragment.graphql"
 
 mutation workItemUpdate($input: WorkItemUpdateInput!) {
-  workItemUpdate(input: $input) {
+  workItemUpdate(input: $input) @persist {
     workItem {
       ...WorkItem
     }
diff --git a/app/assets/javascripts/work_items/graphql/work_item_by_iid.query.graphql b/app/assets/javascripts/work_items/graphql/work_item_by_iid.query.graphql
index 4c3be007d96643..66ac9dcd8d1800 100644
--- a/app/assets/javascripts/work_items/graphql/work_item_by_iid.query.graphql
+++ b/app/assets/javascripts/work_items/graphql/work_item_by_iid.query.graphql
@@ -1,7 +1,7 @@
 #import "./work_item.fragment.graphql"
 
 query workItemByIid($fullPath: ID!, $iid: String) {
-  workspace: project(fullPath: $fullPath) {
+  workspace: project(fullPath: $fullPath) @persist {
     id
     workItems(iid: $iid) {
       nodes {
diff --git a/app/assets/javascripts/work_items/graphql/work_item_widgets.fragment.graphql b/app/assets/javascripts/work_items/graphql/work_item_widgets.fragment.graphql
index 8039ef53f98f35..e757f3d8ef3cb2 100644
--- a/app/assets/javascripts/work_items/graphql/work_item_widgets.fragment.graphql
+++ b/app/assets/javascripts/work_items/graphql/work_item_widgets.fragment.graphql
@@ -20,6 +20,7 @@ fragment WorkItemWidgets on WorkItemWidget {
     canInviteMembers
     assignees {
       nodes {
+        __persist
         ...User
       }
     }
@@ -28,6 +29,7 @@ fragment WorkItemWidgets on WorkItemWidget {
     type
     labels {
       nodes {
+        __persist
         ...Label
       }
     }
diff --git a/ee/app/assets/javascripts/work_items/graphql/work_item_widgets.fragment.graphql b/ee/app/assets/javascripts/work_items/graphql/work_item_widgets.fragment.graphql
index 492584a65e59bd..8682217d4f58a5 100644
--- a/ee/app/assets/javascripts/work_items/graphql/work_item_widgets.fragment.graphql
+++ b/ee/app/assets/javascripts/work_items/graphql/work_item_widgets.fragment.graphql
@@ -21,6 +21,7 @@ fragment WorkItemWidgets on WorkItemWidget {
     canInviteMembers
     assignees {
       nodes {
+        __persist
         ...User
       }
     }
@@ -30,6 +31,7 @@ fragment WorkItemWidgets on WorkItemWidget {
     allowsScopedLabels
     labels {
       nodes {
+        __persist
         ...Label
       }
     }
@@ -100,6 +102,7 @@ fragment WorkItemWidgets on WorkItemWidget {
   ... on WorkItemWidgetMilestone {
     type
     milestone {
+      __persist
       ...MilestoneFragment
     }
   }
-- 
GitLab


From 5b51f764971a7d3092933c9927b240a2688c1976 Mon Sep 17 00:00:00 2001
From: NataliaTepluhina <tarya.se@gmail.com>
Date: Wed, 3 May 2023 13:18:35 +0200
Subject: [PATCH 6/8] Added all other properties and fixed styles

---
 .../issues/list/components/issues_list_app.vue         |  6 ++++++
 .../work_items/graphql/work_item.query.graphql         |  2 +-
 app/assets/stylesheets/page_bundles/issues_list.scss   | 10 ++++++++++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/issues/list/components/issues_list_app.vue b/app/assets/javascripts/issues/list/components/issues_list_app.vue
index cf84e618031a8b..531ed8d331884f 100644
--- a/app/assets/javascripts/issues/list/components/issues_list_app.vue
+++ b/app/assets/javascripts/issues/list/components/issues_list_app.vue
@@ -812,6 +812,12 @@ export default {
         activeIssue.milestone = workItem?.widgets?.find(
           (widget) => widget.type === WIDGET_TYPE_MILESTONE,
         ).milestone;
+        activeIssue.weight = workItem?.widgets?.find(
+          (widget) => widget.type === WIDGET_TYPE_WEIGHT,
+        ).weight;
+        activeIssue.dueDate = workItem?.widgets?.find(
+          (widget) => widget.type === WIDGET_TYPE_START_AND_DUE_DATE,
+        ).dueDate;
       });
 
       client.writeQuery({ query: getIssuesQuery, variables: this.queryVariables, data });
diff --git a/app/assets/javascripts/work_items/graphql/work_item.query.graphql b/app/assets/javascripts/work_items/graphql/work_item.query.graphql
index 3b46fed97ec20d..002655bb04ef29 100644
--- a/app/assets/javascripts/work_items/graphql/work_item.query.graphql
+++ b/app/assets/javascripts/work_items/graphql/work_item.query.graphql
@@ -1,7 +1,7 @@
 #import "./work_item.fragment.graphql"
 
 query workItem($id: WorkItemID!) {
-  workItem(id: $id) {
+  workItem(id: $id) @persist {
     ...WorkItem
   }
 }
diff --git a/app/assets/stylesheets/page_bundles/issues_list.scss b/app/assets/stylesheets/page_bundles/issues_list.scss
index f39dee12126739..b5afb8cdf4dc00 100644
--- a/app/assets/stylesheets/page_bundles/issues_list.scss
+++ b/app/assets/stylesheets/page_bundles/issues_list.scss
@@ -34,3 +34,13 @@
   opacity: 0.3;
   pointer-events: none;
 }
+
+.work-item-labels {
+  .gl-token {
+    padding-left: $gl-spacing-scale-1;
+  }
+
+  .gl-token-close {
+    display: none;
+  }
+}
-- 
GitLab


From 80eed204db6819bfc644f90a874f8eb504146d32 Mon Sep 17 00:00:00 2001
From: NataliaTepluhina <tarya.se@gmail.com>
Date: Wed, 3 May 2023 13:19:26 +0200
Subject: [PATCH 7/8] Removed unused imports

---
 .../javascripts/issues/list/components/issues_list_app.vue   | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/app/assets/javascripts/issues/list/components/issues_list_app.vue b/app/assets/javascripts/issues/list/components/issues_list_app.vue
index 531ed8d331884f..95edecc6206a07 100644
--- a/app/assets/javascripts/issues/list/components/issues_list_app.vue
+++ b/app/assets/javascripts/issues/list/components/issues_list_app.vue
@@ -10,6 +10,7 @@ import {
   GlLink,
 } from '@gitlab/ui';
 import * as Sentry from '@sentry/browser';
+import produce from 'immer';
 import fuzzaldrinPlus from 'fuzzaldrin-plus';
 import { isEmpty } from 'lodash';
 import IssueCardStatistics from 'ee_else_ce/issues/list/components/issue_card_statistics.vue';
@@ -70,10 +71,7 @@ import {
   WIDGET_TYPE_LABELS,
   WIDGET_TYPE_START_AND_DUE_DATE,
   WIDGET_TYPE_WEIGHT,
-  WIDGET_TYPE_PROGRESS,
   WIDGET_TYPE_MILESTONE,
-  WIDGET_TYPE_ITERATION,
-  WIDGET_TYPE_NOTES,
 } from '~/work_items/constants';
 import {
   CREATED_DESC,
@@ -111,7 +109,6 @@ import {
 import { hasNewIssueDropdown } from '../has_new_issue_dropdown_mixin';
 import EmptyStateWithAnyIssues from './empty_state_with_any_issues.vue';
 import EmptyStateWithoutAnyIssues from './empty_state_without_any_issues.vue';
-import produce from 'immer';
 
 const UserToken = () => import('~/vue_shared/components/filtered_search_bar/tokens/user_token.vue');
 const EmojiToken = () =>
-- 
GitLab


From 346426033904d6300f0f7e3ce2e6327f2ecfdd0a Mon Sep 17 00:00:00 2001
From: NataliaTepluhina <tarya.se@gmail.com>
Date: Wed, 3 May 2023 13:20:50 +0200
Subject: [PATCH 8/8] Fixed eslint warnings

---
 .../javascripts/issues/list/components/issues_list_app.vue    | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/app/assets/javascripts/issues/list/components/issues_list_app.vue b/app/assets/javascripts/issues/list/components/issues_list_app.vue
index 95edecc6206a07..c8703fb3ab894d 100644
--- a/app/assets/javascripts/issues/list/components/issues_list_app.vue
+++ b/app/assets/javascripts/issues/list/components/issues_list_app.vue
@@ -792,13 +792,11 @@ export default {
         variables: this.queryVariables,
       });
 
-      console.log(issuesList.project.issues.nodes.find((issue) => issue.iid === workItem.iid));
-
       const data = produce(issuesList, (draftData) => {
         const activeIssue = draftData.project.issues.nodes.find(
           (issue) => issue.iid === workItem.iid,
         );
-        // eslint-disable-next-line no-underscore-dangle
+
         activeIssue.title = workItem.title;
         activeIssue.assignees = workItem?.widgets?.find(
           (widget) => widget.type === WIDGET_TYPE_ASSIGNEES,
-- 
GitLab