Improve UX by adding a ban feature on duproprio! POC in 30 min

duproprio ban feature

// ==UserScript==
// @name         duproprio
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Improve UX by adding a ban feature on duproprio! POC in 30 min
// @author       @sylwit
// @match        https://duproprio.com/*
// @grant        none
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
// ==/UserScript==

(function() {
    'use strict';

    let bans = JSON.parse(localStorage.getItem('bans')) || {};
    console.log(`${Object.keys(bans).length} properties are banned`);

    $('.search-results-listings-list__item').each(function( index ) {
        const item = $(this);
        const id = item.attr('id');
        if (bans.hasOwnProperty(id)){
            item.hide();
            return;
        }

        const favorite = item.find('.search-results-listings-list__item-favourite');
        const ban = $("<a />", {
            'data-ban' : id,
            href : '#',
            text : 'ban'
        });

        favorite.prepend(ban);
    });

    $("a[data-ban]").click(function (e){
        e.preventDefault();
        const id = $(this).data('ban');
        bans[id] = true;
        localStorage.setItem('bans', JSON.stringify(bans));
        console.log(`ban ${id}`);
        $(`#${id}`).hide();
    });
})();