From bf76fda1d53b61d77be32b6f5eb6b26e59c32dba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Thu, 22 Jul 2021 12:38:46 +0200
Subject: [PATCH] uses db to store feedback submissions status

---
 .../feedback/NPSFeedbackForm.svelte           | 20 +++++++++++++------
 .../builder/app/[application]/_layout.svelte  | 12 +++--------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/packages/builder/src/components/feedback/NPSFeedbackForm.svelte b/packages/builder/src/components/feedback/NPSFeedbackForm.svelte
index bb4828d7a..e0ba0e752 100644
--- a/packages/builder/src/components/feedback/NPSFeedbackForm.svelte
+++ b/packages/builder/src/components/feedback/NPSFeedbackForm.svelte
@@ -14,6 +14,8 @@
     Divider,
     Layout,
   } from "@budibase/bbui"
+  import { auth } from "stores/portal"
+
   let step = 0
   let ratings = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
   let options = [
@@ -43,15 +45,21 @@
       improvements,
       comment,
     })
-
-    document.cookie = "feedbackSubmitted=true"
-
-    dispatch("submitted")
+    auth.updateSelf({
+      flags: {
+        feedbackSubmitted: true,
+      },
+    })
+    dispatch("complete")
   }
 
   function cancelFeedback() {
-    document.cookie = "feedbackSubmitted=true"
-    dispatch("submitted")
+    auth.updateSelf({
+      flags: {
+        feedbackSubmitted: true,
+      },
+    })
+    dispatch("complete")
   }
 </script>
 
diff --git a/packages/builder/src/pages/builder/app/[application]/_layout.svelte b/packages/builder/src/pages/builder/app/[application]/_layout.svelte
index e2e9dcb40..1d0b4e858 100644
--- a/packages/builder/src/pages/builder/app/[application]/_layout.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/_layout.svelte
@@ -7,6 +7,7 @@
   import VersionModal from "components/deploy/VersionModal.svelte"
   import NPSFeedbackForm from "components/feedback/NPSFeedbackForm.svelte"
   import { get } from "builderStore/api"
+  import { auth } from "stores/portal"
   import { isActive, goto, layout } from "@roxi/routify"
   import Logo from "assets/bb-emblem.svg"
   import { capitalise } from "helpers"
@@ -21,15 +22,8 @@
 
   let userShouldPostFeedback = false
 
-  function checkIfUserHasSubmittedFeedback() {
-    return document.cookie
-      ?.split("; ")
-      ?.find(row => row.startsWith("feedbackSubmitted="))
-      ?.split("=")[1]
-  }
-
   function previewApp() {
-    if (!checkIfUserHasSubmittedFeedback() === true) {
+    if (!$auth?.user?.flags?.feedbackSubmitted === true) {
       userShouldPostFeedback = true
     }
     window.open(`/${application}`)
@@ -111,7 +105,7 @@
 {/await}
 
 {#if userShouldPostFeedback}
-  <NPSFeedbackForm on:submitted={() => (userShouldPostFeedback = false)} />
+  <NPSFeedbackForm on:complete={() => (userShouldPostFeedback = false)} />
 {/if}
 
 <style>