From 82201debfba7c8165f4ba4a0d6b03a73f40d50b7 Mon Sep 17 00:00:00 2001
From: Mdkaif-123 <amdkaif843@gmail.com>
Date: Thu, 7 Nov 2024 01:11:31 +0530
Subject: [PATCH] chore: refactor the code example indentation

Signed-off-by: Mdkaif-123 <amdkaif843@gmail.com>
---
 .../Sistent/components/divider/code.js        | 152 +++++++++---------
 1 file changed, 75 insertions(+), 77 deletions(-)

diff --git a/src/sections/Projects/Sistent/components/divider/code.js b/src/sections/Projects/Sistent/components/divider/code.js
index 58bc7c55d7ba..dd2eaa045e83 100644
--- a/src/sections/Projects/Sistent/components/divider/code.js
+++ b/src/sections/Projects/Sistent/components/divider/code.js
@@ -51,86 +51,84 @@ const content = (
 );
 
 const codes = [
-  `           <SistentThemeProvider>
-                <List sx={style}>
-                  <ListItem>
-                    <ListItemText primary="Full width variant below" />
-                  </ListItem>
-                  <Divider component="li" />
-                  <ListItem>
-                    <ListItemText primary="Inset variant below" />
-                  </ListItem>
-                  <Divider variant="inset" component="li" />
-                  <ListItem>
-                    <ListItemText primary="Middle variant below" />
-                  </ListItem>
-                  <Divider variant="middle" component="li" />
-                  <ListItem>
-                    <ListItemText primary="List item" />
-                  </ListItem>
-                </List>
-              </SistentThemeProvider>`,
-
+  `<SistentThemeProvider>
+    <List sx={style}>
+      <ListItem>
+        <ListItemText primary="Full width variant below" />
+      </ListItem>
+      <Divider component="li" />
+      <ListItem>
+        <ListItemText primary="Inset variant below" />
+      </ListItem>
+      <Divider variant="inset" component="li" />
+      <ListItem>
+        <ListItemText primary="Middle variant below" />
+      </ListItem>
+      <Divider variant="middle" component="li" />
+      <ListItem>
+        <ListItemText primary="List item" />
+      </ListItem>
+    </List>
+  </SistentThemeProvider>`,
   ` <SistentThemeProvider>
-              <Box
-                sx={{
-                  display: "inline-flex",
-                  alignItems: "center",
-                  border: "1px solid",
-                  borderColor: "divider",
-                  borderRadius: 2,
-                  bgcolor: "background.paper",
-                  color: "text.secondary",
-                  "& svg": {
-                    m: 1,
-                  },
-                }}
-              >
-                <FormatBoldIcon />
-                <Divider orientation="vertical" variant="middle" flexItem />
-                <FormatItalicIcon />
-              </Box>
-    </SistentThemeProvider>
+      <Box
+        sx={{
+          display: "inline-flex",
+          alignItems: "center",
+          border: "1px solid",
+          borderColor: "divider",
+          borderRadius: 2,
+          bgcolor: "background.paper",
+          color: "text.secondary",
+          "& svg": {
+            m: 1,
+          },
+        }}
+      >
+        <FormatBoldIcon />
+        <Divider orientation="vertical" variant="middle" flexItem />
+        <FormatItalicIcon />
+      </Box>
+  </SistentThemeProvider>
 `,
-  `
-            <SistentThemeProvider>
-              <Box
-                sx={{
-                  display: "flex",
-                  alignItems: "center",
-                  border: "1px solid",
-                  borderColor: "divider",
-                  borderRadius: 1,
-                  bgcolor: "background.paper",
-                  color: "text.secondary",
-                  "& svg": {
-                    m: 1,
-                  },
-                }}
-              >
-                <FormatAlignLeftIcon />
-                <FormatAlignCenterIcon />
-                <FormatAlignRightIcon />
-                <Divider orientation="vertical" flexItem />
-                <FormatBoldIcon />
-              </Box>
-            </SistentThemeProvider>
+  `<SistentThemeProvider>
+    <Box
+      sx={{
+        display: "flex",
+        alignItems: "center",
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 1,
+        bgcolor: "background.paper",
+        color: "text.secondary",
+        "& svg": {
+          m: 1,
+        },
+      }}
+    >
+      <FormatAlignLeftIcon />
+      <FormatAlignCenterIcon />
+      <FormatAlignRightIcon />
+      <Divider orientation="vertical" flexItem />
+      <FormatBoldIcon />
+    </Box>
+  </SistentThemeProvider>
 `,
-  `         <SistentThemeProvider>
-              <Root>
-                {content}
-                <Divider>CENTER</Divider>
-                {content}
-                <Divider textAlign="left">LEFT</Divider>
-                {content}
-                <Divider textAlign="right">RIGHT</Divider>
-                {content}
-                <Divider>
-                  <Chip label="Chip" size="small" />
-                </Divider>
-                {content}
-              </Root>
-            </SistentThemeProvider>`,
+  `<SistentThemeProvider>
+    <Root>
+      {content}
+      <Divider>CENTER</Divider>
+      {content}
+      <Divider textAlign="left">LEFT</Divider>
+      {content}
+      <Divider textAlign="right">RIGHT</Divider>
+      {content}
+      <Divider>
+        <Chip label="Chip" size="small" />
+      </Divider>
+      {content}
+    </Root>
+  </SistentThemeProvider>`,
 ];
 
 export const DividerCode = () => {