From c704d4e410d97534db7ac8261853f69508a6358d Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 30 Nov 2024 21:32:20 +0530
Subject: [PATCH 1/8] feat: show loading duration

---
 src/components/molecules/InterpretationButtons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/molecules/InterpretationButtons.tsx b/src/components/molecules/InterpretationButtons.tsx
index bb83cdb4..7e06b59f 100644
--- a/src/components/molecules/InterpretationButtons.tsx
+++ b/src/components/molecules/InterpretationButtons.tsx
@@ -139,7 +139,7 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
         disabled={info.running}
         sx={{ display: 'grid' }}
       >
-        {info.running ? 'Extracting data...please wait' : 'Get Preview of Output Data'}
+        {info.running ? 'Extracting data...please wait for 10secs to 1min' : 'Get Preview of Output Data'}
       </Button>
       <GenericModal
         onClose={() => { }}

From 91dbf7b7056a98df6ad07d6c1a2d041e5bcbcee3 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 30 Nov 2024 21:37:20 +0530
Subject: [PATCH 2/8] feat: show circular progress

---
 src/components/molecules/InterpretationButtons.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/molecules/InterpretationButtons.tsx b/src/components/molecules/InterpretationButtons.tsx
index 7e06b59f..b959fd92 100644
--- a/src/components/molecules/InterpretationButtons.tsx
+++ b/src/components/molecules/InterpretationButtons.tsx
@@ -141,6 +141,11 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
       >
         {info.running ? 'Extracting data...please wait for 10secs to 1min' : 'Get Preview of Output Data'}
       </Button>
+      {info.running && (
+        <Box sx={{ display: 'flex', alignItems: 'center' }}>
+          <CircularProgress size={24} sx={{ marginLeft: '10px' }} />
+        </Box>
+      )}
       <GenericModal
         onClose={() => { }}
         isOpen={decisionModal.open}

From 2c00ee001bdbac214650b650776ba576b6bfaab0 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 30 Nov 2024 21:37:41 +0530
Subject: [PATCH 3/8] fix: import circular progress

---
 src/components/molecules/InterpretationButtons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/molecules/InterpretationButtons.tsx b/src/components/molecules/InterpretationButtons.tsx
index b959fd92..c21d4518 100644
--- a/src/components/molecules/InterpretationButtons.tsx
+++ b/src/components/molecules/InterpretationButtons.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Stack, Typography } from "@mui/material";
+import { Box, Button, Stack, Typography, CircularProgress } from "@mui/material";
 import { PlayCircle } from "@mui/icons-material";
 import React, { useCallback, useEffect, useState } from "react";
 import { interpretCurrentRecording, stopCurrentInterpretation } from "../../api/recording";

From 1d09f009731da5cbe971ed1d2e81fa751cd489c1 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 30 Nov 2024 21:41:42 +0530
Subject: [PATCH 4/8] feat: align progress with text

---
 src/components/molecules/InterpretationButtons.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/molecules/InterpretationButtons.tsx b/src/components/molecules/InterpretationButtons.tsx
index c21d4518..3407b94a 100644
--- a/src/components/molecules/InterpretationButtons.tsx
+++ b/src/components/molecules/InterpretationButtons.tsx
@@ -139,13 +139,10 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
         disabled={info.running}
         sx={{ display: 'grid' }}
       >
-        {info.running ? 'Extracting data...please wait for 10secs to 1min' : 'Get Preview of Output Data'}
+        {info.running ? <Box sx={{ display: 'flex', alignItems: 'center' }}>
+          <CircularProgress size={24} sx={{ marginLeft: '10px' }} /> Extracting data...please wait for 10secs to 1min
+        </Box> : 'Get Preview of Output Data'}
       </Button>
-      {info.running && (
-        <Box sx={{ display: 'flex', alignItems: 'center' }}>
-          <CircularProgress size={24} sx={{ marginLeft: '10px' }} />
-        </Box>
-      )}
       <GenericModal
         onClose={() => { }}
         isOpen={decisionModal.open}

From a6681bfda713e3f48251612dee9a970da9be11e9 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 30 Nov 2024 21:43:20 +0530
Subject: [PATCH 5/8] feat: set margin right to 10px

---
 src/components/molecules/InterpretationButtons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/molecules/InterpretationButtons.tsx b/src/components/molecules/InterpretationButtons.tsx
index 3407b94a..e6edb66e 100644
--- a/src/components/molecules/InterpretationButtons.tsx
+++ b/src/components/molecules/InterpretationButtons.tsx
@@ -140,7 +140,7 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
         sx={{ display: 'grid' }}
       >
         {info.running ? <Box sx={{ display: 'flex', alignItems: 'center' }}>
-          <CircularProgress size={24} sx={{ marginLeft: '10px' }} /> Extracting data...please wait for 10secs to 1min
+          <CircularProgress size={24} sx={{ marginLeft: '10px', marginRight: '10px' }} /> Extracting data...please wait for 10secs to 1min
         </Box> : 'Get Preview of Output Data'}
       </Button>
       <GenericModal

From 9110e7dd1afd4483000adb6ed55afc02737b188d Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 30 Nov 2024 21:43:52 +0530
Subject: [PATCH 6/8] feat: set color to inherit

---
 src/components/molecules/InterpretationButtons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/molecules/InterpretationButtons.tsx b/src/components/molecules/InterpretationButtons.tsx
index e6edb66e..c52d8f6c 100644
--- a/src/components/molecules/InterpretationButtons.tsx
+++ b/src/components/molecules/InterpretationButtons.tsx
@@ -140,7 +140,7 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
         sx={{ display: 'grid' }}
       >
         {info.running ? <Box sx={{ display: 'flex', alignItems: 'center' }}>
-          <CircularProgress size={24} sx={{ marginLeft: '10px', marginRight: '10px' }} /> Extracting data...please wait for 10secs to 1min
+          <CircularProgress size={24} color="inherit" sx={{ marginLeft: '10px', marginRight: '10px' }} /> Extracting data...please wait for 10secs to 1min
         </Box> : 'Get Preview of Output Data'}
       </Button>
       <GenericModal

From 4ceb2daf40535e6a156f858c3e5b441dbe0a1d26 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 30 Nov 2024 21:50:58 +0530
Subject: [PATCH 7/8] feat: remove margin left

---
 src/components/molecules/InterpretationButtons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/molecules/InterpretationButtons.tsx b/src/components/molecules/InterpretationButtons.tsx
index c52d8f6c..2072cfd6 100644
--- a/src/components/molecules/InterpretationButtons.tsx
+++ b/src/components/molecules/InterpretationButtons.tsx
@@ -140,7 +140,7 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
         sx={{ display: 'grid' }}
       >
         {info.running ? <Box sx={{ display: 'flex', alignItems: 'center' }}>
-          <CircularProgress size={24} color="inherit" sx={{ marginLeft: '10px', marginRight: '10px' }} /> Extracting data...please wait for 10secs to 1min
+          <CircularProgress size={24} color="inherit" sx={{ marginRight: '10px' }} /> Extracting data...please wait for 10secs to 1min
         </Box> : 'Get Preview of Output Data'}
       </Button>
       <GenericModal

From 7697dcffb76db05f29d4d2a9f86bce114b9d83a6 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 30 Nov 2024 21:52:56 +0530
Subject: [PATCH 8/8] feat: set progress size to 22

---
 src/components/molecules/InterpretationButtons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/molecules/InterpretationButtons.tsx b/src/components/molecules/InterpretationButtons.tsx
index 2072cfd6..9d983761 100644
--- a/src/components/molecules/InterpretationButtons.tsx
+++ b/src/components/molecules/InterpretationButtons.tsx
@@ -140,7 +140,7 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
         sx={{ display: 'grid' }}
       >
         {info.running ? <Box sx={{ display: 'flex', alignItems: 'center' }}>
-          <CircularProgress size={24} color="inherit" sx={{ marginRight: '10px' }} /> Extracting data...please wait for 10secs to 1min
+          <CircularProgress size={22} color="inherit" sx={{ marginRight: '10px' }} /> Extracting data...please wait for 10secs to 1min
         </Box> : 'Get Preview of Output Data'}
       </Button>
       <GenericModal