From 1948ddab211c29cbc48b301dcce5bf73d9744ebd Mon Sep 17 00:00:00 2001
From: ORDONNEAU Antoine <antoine.ordonneau@etu.univ-lyon1.fr>
Date: Thu, 12 Mar 2026 09:55:44 +0100
Subject: [PATCH] ajout bouton export auto

---
 .../Home/components/Calendar/calendar.jsx     | 19 +++++++++++--------
 .../components/Calendar/calendar.module.css   | 14 +++++++++++++-
 2 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/pages/Home/components/Calendar/calendar.jsx b/src/pages/Home/components/Calendar/calendar.jsx
index a03f6e6..2416a1a 100644
--- a/src/pages/Home/components/Calendar/calendar.jsx
+++ b/src/pages/Home/components/Calendar/calendar.jsx
@@ -7,9 +7,9 @@ import {AuthContext} from "../../../../contexts/auth/AuthContext.ts";
 
 function
 Calendar() {
-
     const { user } = useContext(AuthContext);
 
+    const calendarUrl = `http://localhost/api/export/ics/${user.id}`;
 
     const monthNames = [
         "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
@@ -130,15 +130,18 @@ Calendar() {
                         )}
                     </div>
                 )}
-                <Button className={styles.exportbtn}
-                        variant={"primary"}
+                <div className={`${styles.exportbox} glassBorder`}>
+                    <p><b>votre lien d'agenda:</b> {calendarUrl}</p>
+                    <Button className={styles.exportbtn}
                         onClick={() => {
-                            window.location.href =
-                                `http://localhost/api/export/ics/${user.id}`;
+                            window.open(
+                                "https://calendar.google.com/calendar/u/0/r/settings/addbyurl"
+                            );
                         }}
-                >
-                    Exporter mon agenda
-                </Button>
+                    >
+                        Exporter
+                    </Button>
+                </div>
             </div>
         </div>
     );
diff --git a/src/pages/Home/components/Calendar/calendar.module.css b/src/pages/Home/components/Calendar/calendar.module.css
index 81f529e..b70ac34 100644
--- a/src/pages/Home/components/Calendar/calendar.module.css
+++ b/src/pages/Home/components/Calendar/calendar.module.css
@@ -150,10 +150,22 @@
     display: none;
 }
 
-.exportbtn{
+.exportbox{
+    width: 100%;
+    padding: 15px;
     margin-top: 16px;
+    display: flex;
+    align-items: center;
 }
 
+.exportbtn {
+    display: flex;
+    align-items: center;
+    max-height: 30px;
+}
+
+
+
 @media (max-width: 768px) {
     .glassCard {
         width: 100%;