From 71ed5931c74ac2f3a20b93ae65cbfc8c902157ab Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Wed, 26 Jan 2022 22:43:27 +0100
Subject: [PATCH] Update some more code to not change immutable objects

---
 client/src/pages/onboarding.vue           | 16 ++++++++++------
 client/src/pages/portfolio/newProject.vue | 10 +++++++---
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/client/src/pages/onboarding.vue b/client/src/pages/onboarding.vue
index 72075d0c..f6744577 100644
--- a/client/src/pages/onboarding.vue
+++ b/client/src/pages/onboarding.vue
@@ -45,11 +45,16 @@
       completeOnboarding() {
         this.$apollo.mutate({
           mutation: UPDATE_ONBOARDING_PROGRESS,
-          update(store, {data: {updateOnboardingProgress: {success}}}) {
+          update(store, {data: {updateOnboardingProgress: {success: onboardingVisited}}}) {
             const query = ME_QUERY;
-            const data = store.readQuery({query});
-            if (data) {
-              data.me.onboardingVisited = success;
+            const {me} = store.readQuery({query});
+            if (me) {
+              const data = {
+                me: {
+                  ...me,
+                  onboardingVisited
+                }
+              };
               store.writeQuery({query, data});
             }
           },
@@ -62,8 +67,7 @@
 </script>
 
 <style lang="scss">
-  @import "@/styles/_variables.scss";
-  @import "@/styles/_mixins.scss";
+  @import "~styles/helpers";
 
   .onboarding {
     background-color: $color-brand;
diff --git a/client/src/pages/portfolio/newProject.vue b/client/src/pages/portfolio/newProject.vue
index c27740eb..eecd0587 100644
--- a/client/src/pages/portfolio/newProject.vue
+++ b/client/src/pages/portfolio/newProject.vue
@@ -37,9 +37,13 @@
           },
           update: (store, {data: {addProject: {project}}}) => {
             try {
-              const data = store.readQuery({query: PROJECTS_QUERY});
-              if (data.projects) {
-                data.projects.unshift(project);
+              const {projects} = store.readQuery({query: PROJECTS_QUERY});
+              if (projects) {
+                const expandedProjects = [
+                  project,
+                  ...projects
+                ];
+                const data = {projects:expandedProjects};
                 store.writeQuery({query: PROJECTS_QUERY, data});
               }
             } catch (e) {