From 33314eebaacd30ec5c8cd8cc45e01afabf0a7ceb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Truite=20S=C3=A9ch=C3=A9e?= <truite.berthail@gmail.com>
Date: Sat, 7 Dec 2024 00:01:03 +0100
Subject: [PATCH] impr work in progress disclaimer

---
 src/components/generic/Window.css | 12 ++++++++++--
 src/components/generic/Window.jsx |  2 +-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/generic/Window.css b/src/components/generic/Window.css
index 6afa736..3671ef0 100644
--- a/src/components/generic/Window.css
+++ b/src/components/generic/Window.css
@@ -72,8 +72,7 @@
     border: 2px solid rgba(var(--text-color-alt), .3);
     min-height: 200px;
 }
-.window.work-in-progress::after {
-    content: "En cours de développement... (Bientôt disponible)";
+.window.work-in-progress .wip-info {
     color: rgba(var(--text-color-alt), .5);
     position: absolute;
     top: 50%;
@@ -81,6 +80,15 @@
     transform: translate(-50%, -50%);
     width: 100%;
     text-align: center;
+    user-select: none;
+}
+
+.window.work-in-progress .wip-info a {
+    color: rgba(var(--text-color-alt), .5);
+    transition: .1s;
+}
+.window.work-in-progress .wip-info a:is(:hover, :focus-visible) {
+    color: rgba(var(--text-color-alt), 1);
 }
 
 .window.appeared {
diff --git a/src/components/generic/Window.jsx b/src/components/generic/Window.jsx
index 092e8a9..5bfb19d 100644
--- a/src/components/generic/Window.jsx
+++ b/src/components/generic/Window.jsx
@@ -1038,7 +1038,7 @@ export function Window({ children, growthFactor = 1, allowFullscreen = false, fu
     return (
         <section className={`window ${className} ${WIP ? "work-in-progress" : ""} ${isPartyModeEnabled && isPeriodEventEnabled && currentPeriodEvent === "christmas" ? "allow-overflow-event" : ""}`}
             style={{ flexGrow: growthFactor }} ref={windowRef} {...props}>
-            {WIP ? null : children}
+            {WIP ? <p className="wip-info">Fonctionnalité en cours de développement...<br/>Rejoins le <a href="https://discord.gg/AKAqXfTgvE" target="_blank">serveur Discord d'EDP</a> pour en suivre l'avancée !</p> : children}
             {/* <span style={{ color: "lime", fontWeight: "600", position: "relative", zIndex: "999" }}>{windowRef?.current?.name}</span> */}
         </section>
     )