From 4060e891f2ed47110dfb292b1253d9c886f23461 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Wed, 16 Apr 2025 21:02:20 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8(frontend)=20add=20reset=20button?=
 =?UTF-8?q?=20during=20meeting=20creation=20process?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Implement cancel/reset functionality that appears while meeting creation is
processing. Allows users to abort the operation if it stalls or encounters
issues, improving recovery from error states.
---
 .../features/sdk/routes/CreateMeetingButton.tsx   | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/features/sdk/routes/CreateMeetingButton.tsx b/src/frontend/src/features/sdk/routes/CreateMeetingButton.tsx
index 5040b353..96fe65de 100644
--- a/src/frontend/src/features/sdk/routes/CreateMeetingButton.tsx
+++ b/src/frontend/src/features/sdk/routes/CreateMeetingButton.tsx
@@ -77,8 +77,21 @@ export const CreateMeetingButton = () => {
 
   if (isPending) {
     return (
-      <div>
+      <div
+        className={css({
+          display: 'flex',
+          alignItems: 'center',
+          gap: '0.5rem',
+        })}
+      >
         <Spinner size={34} />
+        <Button
+          variant="quaternaryText"
+          square
+          icon={<RiCloseLine />}
+          onPress={resetState}
+          aria-label={t('resetLabel')}
+        />
       </div>
     )
   }