From befd8a787783debc54c9e34bc3f6b2e188e0c891 Mon Sep 17 00:00:00 2001
From: tobspr <tobias.springer1@googlemail.com>
Date: Wed, 22 Jun 2022 10:29:50 +0200
Subject: [PATCH] Make side project info closeable

---
 src/css/states/main_menu.scss | 17 +++++++++++++++++
 src/js/states/main_menu.js    | 20 ++++++++++++++++++--
 2 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/css/states/main_menu.scss b/src/css/states/main_menu.scss
index d34fa119..d817b6c1 100644
--- a/src/css/states/main_menu.scss
+++ b/src/css/states/main_menu.scss
@@ -186,6 +186,23 @@
                 transition: transform 0.5s ease-in-out;
             }
 
+            .close {
+                position: absolute;
+                pointer-events: all;
+                background: uiResource("icons/main_menu_exit.png") center center / 50% no-repeat;
+                display: inline-flex;
+                @include S(width, 15px);
+                @include S(height, 15px);
+                @include S(top, 2px);
+                opacity: 0.3;
+                @include S(right, 2px);
+                z-index: 200;
+                transition: opacity 0.12s ease-in-out;
+                &:hover {
+                    opacity: 0.7;
+                }
+            }
+
             &:hover::before {
                 transform: translate(0, -51%);
             }
diff --git a/src/js/states/main_menu.js b/src/js/states/main_menu.js
index e7c59990..e925dd00 100644
--- a/src/js/states/main_menu.js
+++ b/src/js/states/main_menu.js
@@ -4,6 +4,7 @@ import { GameState } from "../core/game_state";
 import { DialogWithForm } from "../core/modal_dialog_elements";
 import { FormElementInput } from "../core/modal_dialog_forms";
 import { ReadWriteProxy } from "../core/read_write_proxy";
+import { STOP_PROPAGATION } from "../core/signal";
 import { WEB_STEAM_SSO_AUTHENTICATED } from "../core/steam_sso";
 import {
     formatSecondsToTimeAgo,
@@ -73,6 +74,8 @@ export class MainMenuState extends GameState {
                 !G_IS_STEAM_DEMO &&
                 /** @type { PlatformWrapperImplElectron}*/ (this.app.platformWrapper).dlcs.puzzle);
 
+        const showKiwiClicker = window.localStorage.getItem("hide_kiwi_clicker") !== "1";
+
         const bannerHtml = `
             <h3>${T.demoBanners.titleV2}</h3>
 
@@ -195,10 +198,15 @@ export class MainMenuState extends GameState {
                         }
 
 
-                        <div class="mainNews kiwiClicker">
+                        ${
+                            showKiwiClicker
+                                ? `<div class="mainNews kiwiClicker">
                             <div class="text">Check out this small side project I am working on right now!</div>
+                            <div class="close"></div>
 
-                        </div>
+                        </div>`
+                                : ""
+                        }
                 `
                         : ""
                 }
@@ -451,6 +459,7 @@ export class MainMenuState extends GameState {
             ".steamLink": this.onSteamLinkClicked,
             ".steamLinkSocial": this.onSteamLinkClickedSocial,
             ".kiwiClicker": this.onKiwiClickerClicked,
+            ".kiwiClicker .close": this.hideKiwiClicker,
             ".discordLink": () => {
                 this.app.platformWrapper.openExternalLink(THIRDPARTY_URLS.discord);
             },
@@ -571,6 +580,13 @@ export class MainMenuState extends GameState {
         );
     }
 
+    hideKiwiClicker() {
+        window.localStorage.setItem("hide_kiwi_clicker", "1");
+        this.htmlElement.querySelector(".kiwiClicker").remove();
+
+        return STOP_PROPAGATION;
+    }
+
     onBackButtonClicked() {
         this.renderMainMenu();
         this.renderSavegames();