From fec34616538fdc486699b9a273cb89b94cd4a5a4 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 27 Jul 2024 00:01:23 +0530
Subject: [PATCH] feat: use text field instead of typography

---
 src/components/organisms/RightSidePanel.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index 9c01c7de..1654ac86 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -156,7 +156,15 @@ export const RightSidePanel = ({ pairForEdit }: RightSidePanelProps) => {
                 readOnly: confirmedSteps[step.id]
             }}
             />
-            <Typography variant="h6">{step.value}</Typography>
+            <TextField
+              label="Data"
+              value={step.value}
+              fullWidth
+              margin="normal"
+              InputProps={{
+                readOnly: confirmedSteps[step.id]
+            }}
+            />
             {!confirmedSteps[step.id] && (
               <Box display="flex" justifyContent="space-between" gap={2}>
                 <Button