Changed position of buttons

Signed-off-by: Aryan Shah <aryanashah11@gmail.com>

Author: ARYANSHAH1567

src/components/SistentNavigation/content.js

@@ -38,48 +38,52 @@ export const content = [
   { id: 26, link: "/projects/sistent/components/container/guidance", text: "Container" },
   { id: 27, link: "/projects/sistent/components/container/code", text: "Container" },
 
-  { id: 28, link: "/projects/sistent/components/icons", text: "Icons" },
+  { id: 26, link: "/projects/sistent/components/dialog", text: "Dialog" },
+  { id: 27, link: "/projects/sistent/components/dialog/guidance", text: "Dialog" },
+  { id: 28, link: "/projects/sistent/components/dialog/code", text: "Dialog" },
 
-  { id: 29, link: "/projects/sistent/components/link", text: "Link" },
-  { id: 30, link: "/projects/sistent/components/link/guidance", text: "Link" },
-  { id: 31, link: "/projects/sistent/components/link/code", text: "Link" },
+  { id: 29, link: "/projects/sistent/components/icons", text: "Icons" },
 
-  { id: 32, link: "/projects/sistent/components/modal", text: "Modal" },
-  { id: 33, link: "/projects/sistent/components/modal/code", text: "Modal" },
+  { id: 30, link: "/projects/sistent/components/link", text: "Link" },
+  { id: 31, link: "/projects/sistent/components/link/guidance", text: "Link" },
+  { id: 32, link: "/projects/sistent/components/link/code", text: "Link" },
 
-  { id: 34, link: "/projects/sistent/components/pagination", text: "Pagination" },
-  { id: 35, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
-  { id: 36, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
+  { id: 33, link: "/projects/sistent/components/modal", text: "Modal" },
+  { id: 34, link: "/projects/sistent/components/modal/code", text: "Modal" },
 
-  { id: 37, link: "/projects/sistent/components/paper", text: "Paper" },
-  { id: 38, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
-  { id: 39, link: "/projects/sistent/components/paper/code", text: "Paper" },
+  { id: 35, link: "/projects/sistent/components/pagination", text: "Pagination" },
+  { id: 36, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
+  { id: 37, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
 
-  { id: 40, link: "/projects/sistent/components/popper", text: "Popper" },
-  { id: 41, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
-  { id: 42, link: "/projects/sistent/components/popper/code", text: "Popper" },
+  { id: 38, link: "/projects/sistent/components/paper", text: "Paper" },
+  { id: 39, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
+  { id: 40, link: "/projects/sistent/components/paper/code", text: "Paper" },
 
-  { id: 43, link: "/projects/sistent/components/select", text: "Select" },
-  { id: 44, link: "/projects/sistent/components/select/guidance", text: "Select" },
-  { id: 45, link: "/projects/sistent/components/select/code", text: "Select" },
+  { id: 41, link: "/projects/sistent/components/popper", text: "Popper" },
+  { id: 42, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
+  { id: 43, link: "/projects/sistent/components/popper/code", text: "Popper" },
 
-  { id: 46, link: "/projects/sistent/components/switch", text: "Switch" },
-  { id: 47, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
-  { id: 48, link: "/projects/sistent/components/switch/code", text: "Switch" },
+  { id: 44, link: "/projects/sistent/components/select", text: "Select" },
+  { id: 45, link: "/projects/sistent/components/select/guidance", text: "Select" },
+  { id: 46, link: "/projects/sistent/components/select/code", text: "Select" },
 
-  { id: 49, link: "/projects/sistent/components/tabs", text: "Tabs" },
-  { id: 50, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
-  { id: 51, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
+  { id: 47, link: "/projects/sistent/components/switch", text: "Switch" },
+  { id: 48, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
+  { id: 49, link: "/projects/sistent/components/switch/code", text: "Switch" },
 
-  { id: 52, link: "/projects/sistent/components/text-field", text: "Text Field" },
-  { id: 53, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
-  { id: 54, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
+  { id: 50, link: "/projects/sistent/components/tabs", text: "Tabs" },
+  { id: 51, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
+  { id: 52, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
 
-  { id: 55, link: "/projects/sistent/components/text-input", text: "Text Input" },
-  { id: 56, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
-  { id: 57, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
+  { id: 53, link: "/projects/sistent/components/text-field", text: "Text Field" },
+  { id: 54, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
+  { id: 55, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
 
-  { id: 58, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
-  { id: 59, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
-  { id: 60, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
+  { id: 56, link: "/projects/sistent/components/text-input", text: "Text Input" },
+  { id: 57, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
+  { id: 58, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
+
+  { id: 59, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
+  { id: 60, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
+  { id: 61, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
 ];

src/sections/Projects/Sistent/components/dialog/code.js

@@ -206,7 +206,7 @@ const DialogCode = () => {
                       full attention is needed for complex tasks or on mobile devices.
                     </p>
                   </DialogContent>
-                  <DialogActions>
+                  <DialogActions style={{ justifyContent: "flex-start", paddingLeft: "24px" }}>
                     <Button variant="contained" onClick={() => setOpenFull(false)}>Cancel</Button>
                     <Button variant="contained" color="primary" onClick={() => setOpenFull(false)}>
                       Save

src/sections/Projects/Sistent/components/dialog/guidance.js

@@ -177,11 +177,9 @@ const DialogGuidance = () => {
                     full attention is needed for complex tasks or on mobile devices.
                   </p>
                 </DialogContent>
-                <DialogActions>
-                  <Button onClick={() => setOpenFullScreen(false)}>Cancel</Button>
-                  <Button variant="contained" color="primary" onClick={() => setOpenFullScreen(false)}>
-                    Save
-                  </Button>
+                <DialogActions style={{ justifyContent: "flex-start", paddingLeft: "24px" }}>
+                  <Button variant="contained" onClick={() => setOpenFullScreen(false)}>Cancel</Button>
+                  <Button variant="contained" color="secondary" onClick={() => setOpenFullScreen(false)}>Delete</Button>
                 </DialogActions>
               </Dialog>
             </SistentThemeProvider>

src/sections/Projects/Sistent/components/dialog/index.js

@@ -92,7 +92,7 @@ const SistentDialog = () => {
                   Do you want to proceed with this action?
                 </DialogContent>
                 <DialogActions>
-                  <Button variant="contained"  onClick={handleClose}>Cancel</Button>
+                  <Button variant="contained" onClick={handleClose}>Cancel</Button>
                   <Button variant="contained" color="primary" onClick={handleClose}>
                     Confirm
                   </Button>