From 2bbc23318ec05a9e3299735feaf03d00d61165a8 Mon Sep 17 00:00:00 2001
From: Pierrick Rambaud <pierrick.rambaud49@gmail.com>
Date: Fri, 1 Sep 2023 07:47:39 +0200
Subject: [PATCH] fix: display a message at the top of the notebook while
 loading

---
 sepal_ui/frontend/css/custom.css      | 6 ++++++
 sepal_ui/templates/map_app/ui.ipynb   | 7 +++++++
 sepal_ui/templates/panel_app/ui.ipynb | 7 +++++++
 3 files changed, 20 insertions(+)

diff --git a/sepal_ui/frontend/css/custom.css b/sepal_ui/frontend/css/custom.css
index af8a2596..aec612ab 100644
--- a/sepal_ui/frontend/css/custom.css
+++ b/sepal_ui/frontend/css/custom.css
@@ -104,3 +104,9 @@ nav.v-navigation-drawer {
   width: calc(100vw - 80px);
   height: calc(100vh - 20px);
 }
+
+/* hide the disclaimer message placed on top of the ui notebook
+ * the message will be displayed until the css is loaded */
+#loading-app {
+  display: none !important;
+}
diff --git a/sepal_ui/templates/map_app/ui.ipynb b/sepal_ui/templates/map_app/ui.ipynb
index 1e9b5aac..0a55e266 100644
--- a/sepal_ui/templates/map_app/ui.ipynb
+++ b/sepal_ui/templates/map_app/ui.ipynb
@@ -1,5 +1,12 @@
 {
  "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "<center><h1 class=\"text-center h3\" id=\"loading-app\">Setting things up for you... Thanks for waiting!</h1></center>"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,
diff --git a/sepal_ui/templates/panel_app/ui.ipynb b/sepal_ui/templates/panel_app/ui.ipynb
index 9dcba270..67515fed 100644
--- a/sepal_ui/templates/panel_app/ui.ipynb
+++ b/sepal_ui/templates/panel_app/ui.ipynb
@@ -1,5 +1,12 @@
 {
  "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "<center><h1 class=\"text-center h3\" id=\"loading-app\">Setting things up for you... Thanks for waiting!</h1></center>"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,