From 7f89d3c3577d6eaff225ffb34298648322b4ff0c 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:07:38 +0200
Subject: [PATCH] adds close button to feedback form component

---
 .../src/components/feedback/NPSFeedbackForm.svelte | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/builder/src/components/feedback/NPSFeedbackForm.svelte b/packages/builder/src/components/feedback/NPSFeedbackForm.svelte
index 1bbb68d8a0..bb4828d7a1 100644
--- a/packages/builder/src/components/feedback/NPSFeedbackForm.svelte
+++ b/packages/builder/src/components/feedback/NPSFeedbackForm.svelte
@@ -4,6 +4,7 @@
   import { fade, fly } from "svelte/transition"
   import {
     ActionButton,
+    ClearButton,
     RadioGroup,
     TextArea,
     ButtonGroup,
@@ -47,6 +48,11 @@
 
     dispatch("submitted")
   }
+
+  function cancelFeedback() {
+    document.cookie = "feedbackSubmitted=true"
+    dispatch("submitted")
+  }
 </script>
 
 <div
@@ -59,6 +65,9 @@
     in:fly={{ y: 30, duration: 200 }}
     out:fly|local={{ y: 30, duration: 200 }}
   >
+    <div class="close">
+      <ClearButton on:click={cancelFeedback} />
+    </div>
     <Layout gap="XS">
       {#if step === 0}
         <Heading size="XS"
@@ -138,6 +147,11 @@
     display: flex;
     justify-content: space-between;
   }
+  .close {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
   .footer {
     display: flex;
     justify-content: space-between;