Merge pull request #120 from frontend-park-mail-ru/NM-119

NM-119: defer csat window

src/entities/csat/model/store.js

@@ -1,22 +1,39 @@
 import { Storage } from '../../../shared/lib/storage.js';
 
 class CSATStore {
-	constructor() {
+	constructor(firstShow = 5, showInterval = 30) {
 		this.storage = {
 			csat: Storage.load('csat') || {},
 		};
+        this.callCount = this.storage.csat?.callCount || 0;
+
+        this.firstShow = firstShow;
+        this.showInterval = showInterval;
 	}
 
-    submitted = () => {
+	submitted = () => {
 		return this.storage.csat?.submitted;
 	};
 
-    submit = () => {
-        this.storage.csat = {
-            submitted: true,
-        };
-        Storage.save('csat', this.storage.csat);
-    };
+	submit = () => {
+		this.storage.csat = {
+			submitted: true,
+			callCount: this.callCount,
+		};
+		Storage.save('csat', this.storage.csat);
+	};
+
+	shouldShow = () => {
+		this.callCount += 1;
+
+		this.storage.csat.callCount = this.callCount;
+		Storage.save('csat', this.storage.csat);
+
+		if (this.callCount === this.firstShow || (this.callCount - this.firstShow) % this.showInterval === 0) {
+			return true;
+		}
+		return false;
+	};
 }
 
 export const csatStore = new CSATStore();

src/pages/feed/ui/Feed.js

@@ -30,7 +30,7 @@ export class FeedPage {
 
     this.parent.innerHTML = "";
 
-    if (!csatStore.submitted()) {
+    if (csatStore.shouldShow()) {
       const iframe = new CSATWindow();
       await iframe.render();
     }

src/widgets/csatWindow/ui/csatWindow.scss

@@ -24,11 +24,11 @@ input {
   //font-family: 'Sansation', sans-serif;
 
   &__container {
-    width: 80%;
+    width: 75%;
     height: 80%;
     max-width: 400px;
     max-height: 200px;
-    margin: auto;
+    margin: 10;
     padding: 20px;
     border: 1px solid colors.$white;
     border-radius: 10px;