From ceeb20b232ad075990a499463a623ea236bfb89a Mon Sep 17 00:00:00 2001
From: Luca Favini <luca.favini.02@gmail.com>
Date: Mon, 22 Apr 2024 04:41:39 +0200
Subject: [PATCH] feat(fe/pages); add third party cookies warning

---
 frontend/src/routes/+page.svelte          | 6 +++++-
 frontend/src/routes/login/+page.svelte    | 2 ++
 frontend/src/routes/register/+page.svelte | 2 ++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 00c2a32..c61bfb3 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -34,7 +34,7 @@
   </div>
 </div>
 
-<div class="w-full bg-base-300 flex justify-center pb-40">
+<div class="w-full bg-base-300 flex justify-center pb-20">
   <div class="stats shadow-lg shadow-primary/20 flex flex-col md:grid">
 
     <div class="stat">
@@ -84,3 +84,7 @@
 
   </div>
 </div>
+
+<div class="flex justify-center bg-base-300">
+  <h1 class="max-w-[600px] opacity-70 mb-20 text-justify rounded-md p-8 text-black bg-red-400 border-red-950 border-4">WARNING: the app is having some issues with CORS and cookies. If the login don't work, please enable third party cookies in your browser. Sorry for the inconvenience, working on a fix. <a target="_blank" href="https://github.com/Favo02/cess-advisor/issues/9" class="link">Issue on GitHub</a>.</h1>
+</div>
diff --git a/frontend/src/routes/login/+page.svelte b/frontend/src/routes/login/+page.svelte
index fa78d90..ba1acd6 100644
--- a/frontend/src/routes/login/+page.svelte
+++ b/frontend/src/routes/login/+page.svelte
@@ -64,6 +64,8 @@
 
   <form class="max-w-sm mx-auto">
 
+    <h1 class="text-justify rounded-md p-8 mb-8 text-black bg-red-400 border-red-950 border-4">WARNING: the app is having some issues with CORS and cookies. If the login don't work, please enable third party cookies in your browser. Sorry for the inconvenience, working on a fix. <a target="_blank" href="https://github.com/Favo02/cess-advisor/issues/9" class="link">Issue on GitHub</a>.</h1>
+
     <div class="pb-6">
       <label for="ignore" class="block mb-2 ml-2 text-md font-medium text-base-content">Username</label>
       <div class="relative peer">
diff --git a/frontend/src/routes/register/+page.svelte b/frontend/src/routes/register/+page.svelte
index 06b68e6..5d75f4b 100644
--- a/frontend/src/routes/register/+page.svelte
+++ b/frontend/src/routes/register/+page.svelte
@@ -71,6 +71,8 @@
 
   <form class="max-w-sm mx-auto">
 
+    <h1 class="text-justify rounded-md p-8 mb-8 text-black bg-red-400 border-red-950 border-4">WARNING: the app is having some issues with CORS and cookies. If the login don't work, please enable third party cookies in your browser. Sorry for the inconvenience, working on a fix. <a target="_blank" href="https://github.com/Favo02/cess-advisor/issues/9" class="link">Issue on GitHub</a>.</h1>
+
     <div class="pb-6">
       <label for="ignore" class="block mb-2 ml-2 text-md font-medium text-base-content">Username</label>
       <div class="relative peer">