From 1618bb1d1b706438781dd7bd2b9c88b7c64ad245 Mon Sep 17 00:00:00 2001
From: Emmanuel Pelletier <manu@habite.la>
Date: Wed, 15 May 2024 09:52:42 +0200
Subject: [PATCH] gaufre: hide it if the server is unavailable

use visiblity: hidden instead of display: none to prevent layout shifts.
---
 packages/integration/src/styles/gaufre.css | 4 ++++
 website/public/api/v1/gaufre.js            | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/packages/integration/src/styles/gaufre.css b/packages/integration/src/styles/gaufre.css
index 90be37c..10f8f27 100644
--- a/packages/integration/src/styles/gaufre.css
+++ b/packages/integration/src/styles/gaufre.css
@@ -84,3 +84,7 @@
 [data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:active {
   background-color: #474747 !important;
 }
+
+html:not(.lasuite--gaufre-loaded) .lasuite-gaufre-btn {
+  visibility: hidden !important;
+}
diff --git a/website/public/api/v1/gaufre.js b/website/public/api/v1/gaufre.js
index 8406d97..741704b 100644
--- a/website/public/api/v1/gaufre.js
+++ b/website/public/api/v1/gaufre.js
@@ -2,6 +2,8 @@
   const BUTTON_CLASS = "js-lasuite-gaufre-btn"
   let lastFocusedButton = null
 
+  window.document.documentElement.classList.add("lasuite--gaufre-loaded")
+
   if ("requestIdleCallback" in window) {
     requestIdleCallback(() => {
       appendPopup()