LIL-612 Не сохраняет состояние скрытия банера

project/templates/blocks/baner.html

@@ -1,7 +1,7 @@
 {% if baner %}
-<div class="banner" style="background-image: url({{ baner.image.url }});">
+<div class="banner" style="background-image: url({{ baner.image.url }}); display: none;" data-banner="{{baner.id}}">
   <span class="banner__text">{{ baner.text }}</span>
   <a href="{{ baner.url }}" class="banner__link">{{ baner.button_text }}</a>
-  <a href="#" class="banner__hide" data-banner="{{baner.id}}">Скрыть баннер</a>
+  <a href="#" class="banner__hide">Скрыть баннер</a>
 </div>
 {% endif %}

web/package.json

@@ -46,6 +46,7 @@
     "ilyabirman-likely": "^2.3.0",
     "inputmask": "^3.3.11",
     "jquery": "^3.3.1",
+    "js-cookie": "^2.2.0",
     "lodash.debounce": "^4.0.8",
     "modal-video": "^2.4.2",
     "moment": "^2.20.1",

web/src/js/modules/common.js

@@ -4,6 +4,7 @@ import Inputmask from "inputmask";
 import SmoothScroll from 'smooth-scroll/dist/js/smooth-scroll';
 import baguetteBox from 'baguettebox.js'
 import createHistory from 'history/createBrowserHistory'
+import Cookies from 'js-cookie'
 
 window.$ = window.jQuery = jQuery = $;
 window.Inputmask = Inputmask;
@@ -28,21 +29,17 @@ $(document).ready(function () {
         updateHeader();
     });
 
-    $(document).on('click', '[data-banner]', function(e){
-       e.preventDefault();
+    const $banner = $('[data-banner]');
+    const bannerId = $banner.data('banner') + '';
+    if(Cookies.get('hide_banner') !== bannerId){
+      $banner.show();
+    }
+
+    $banner.on('click', '.banner__hide', function(e){
+        e.preventDefault();
 
-        $.ajax('/hide-banner/'+$(this).data('banner'), {
-                method: 'GET',
-            })
-            .done(function (data) {
-                if (data.success === true) {
-                    $('.banner').slideUp();
-                }
-            })
-            .fail(function (xhr) {
-                console.log('error', xhr);
-                $('.banner').slideUp();
-            })
+        $banner.slideUp();
+        Cookies.set('hide_banner', bannerId);
     });
 
     if(window.LIL_STORE.flags.isReferralUrl){