From 454fd18fb0cac7e3ec2a435dd97ca245c0701907 Mon Sep 17 00:00:00 2001
From: Jandson Vitorino <jandson1512@gmail.com>
Date: Wed, 29 Nov 2023 14:58:54 -0300
Subject: [PATCH] I implemented an arrow to make it easier to return to the
 previous page and improved the visibility of the refresh button, making it
 more prominent.

---
 frontend/pages/product/edit/[pid].js | 30 +++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/product/edit/[pid].js b/frontend/pages/product/edit/[pid].js
index bcd2e67..0659575 100644
--- a/frontend/pages/product/edit/[pid].js
+++ b/frontend/pages/product/edit/[pid].js
@@ -1,5 +1,6 @@
 import UploadIcon from '@mui/icons-material/Upload'
 import VerifiedIcon from '@mui/icons-material/Verified'
+import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'
 
 import Alert from '@mui/material/Alert'
 import Box from '@mui/material/Box'
@@ -184,8 +185,29 @@ export default function EditProduct() {
     <Container sx={{ flex: 1, m: 4 }}>
       {isLoading && <Loading isLoading={isLoading} />}
       <React.Fragment>
-        <Box mb={5}>
-          <Typography variant="h6">Edit Product</Typography>
+        <Box
+          sx={{
+            mt: 2,
+            mb: 2,
+            p: 2
+          }}
+          alignItems="center"
+          justifyContent="space-between"
+        >
+          <Stack
+            direction="row"
+            justifyContent="flex-start"
+            alignItems="center"
+            spacing={2}
+          >
+            <ArrowBackIosIcon
+              onClick={() => {
+                router.back()
+              }}
+              sx={{ cursor: 'pointer' }}
+            />
+            <Typography variant="h6">Edit Product</Typography>
+          </Stack>
         </Box>
         <Box
           sx={{
@@ -269,11 +291,13 @@ export default function EditProduct() {
                   </CardContent>
                   <CardActions>
                     <Button
-                      size="small"
+                      size="large"
+                      variant="contained"
                       disabled={
                         originalProduct?.description === product?.description
                       }
                       onClick={handleUpdate}
+                      sx={{ width: '100%' }}
                     >
                       Update
                     </Button>