creativetimofficial · ankitverma0601 · Sep 29, 2023
diff --git a/src/examples/Cards/PricingCards/DefaultPricingCard/index.js b/src/examples/Cards/PricingCards/DefaultPricingCard/index.js
@@ -55,7 +55,7 @@ function DefaultPricingCard({ badge, price, specifications, action }) {
   ));
 
   return (
-    <Card>
+    (<Card>
       <SoftBox pt={3} pb={2} px={2} textAlign="center">
         <SoftBadge
           variant="contained"
@@ -78,35 +78,38 @@ function DefaultPricingCard({ badge, price, specifications, action }) {
         {renderSpecifications}
         {action.type === "internal" ? (
           <SoftBox mt={3}>
-            <SoftButton
-              component={Link}
-              to={action.route}
+            <SoftBox
+              component="a"
+              href={action.route}
+              target="_blank"
+              rel="noreferrer"
               variant="gradient"
               color={action.color}
-              fullWidth
-            >
+              bgColor="transparent"
+              opacity="1"
+              borderRadius="none"
+              shadow="none"
+              >
               {action.label}&nbsp;
               <Icon sx={{ fontWeight: "bold" }}>arrow_forward</Icon>
-            </SoftButton>
+            </SoftBox>
           </SoftBox>
         ) : (
           <SoftBox mt={3}>
-            <SoftButton
-              component="a"
-              href={action.route}
-              target="_blank"
-              rel="noreferrer"
+            <SoftBox
+              component={Link}
+              to={action.route}
               variant="gradient"
               color={action.color}
-              fullWidth
-            >
+              fullWidth="true"
+              >
               {action.label}&nbsp;
               <Icon sx={{ fontWeight: "bold" }}>arrow_forward</Icon>
-            </SoftButton>
+            </SoftBox>
           </SoftBox>
         )}
       </SoftBox>
-    </Card>
+    </Card>)
   );
 }
 

diff --git a/src/examples/Configurator/index.js b/src/examples/Configurator/index.js
@@ -85,7 +85,7 @@ function Configurator() {
   });
 
   return (
-    <ConfiguratorRoot variant="permanent" ownerState={{ openConfigurator }}>
+    (<ConfiguratorRoot variant="permanent" ownerState={{ openConfigurator }}>
       <SoftBox
         display="flex"
         justifyContent="space-between"
@@ -115,9 +115,7 @@ function Configurator() {
           close
         </Icon>
       </SoftBox>
-
       <Divider />
-
       <SoftBox pt={1.25} pb={3} px={3}>
         <SoftBox>
           <SoftTypography variant="h6">Sidenav Colors</SoftTypography>
@@ -165,29 +163,26 @@ function Configurator() {
               mt: 2,
             }}
           >
-            <SoftButton
-              color="info"
-              variant={transparentSidenav ? "gradient" : "outlined"}
-              onClick={handleTransparentSidenav}
-              disabled={disabled}
-              fullWidth
-              sx={{
-                mr: 1,
-                ...sidenavTypeButtonsStyles,
-              }}
-            >
+            <SoftBox
+              component={Link}
+              href="https://www.creative-tim.com/learning-lab/react/quick-start/soft-ui-dashboard/"
+              target="_blank"
+              rel="noreferrer"
+              color="dark"
+              variant="contained"
+              >
               Transparent
-            </SoftButton>
-            <SoftButton
-              color="info"
-              variant={transparentSidenav ? "outlined" : "gradient"}
-              onClick={handleWhiteSidenav}
-              disabled={disabled}
-              fullWidth
-              sx={sidenavTypeButtonsStyles}
-            >
+            </SoftBox>
+            <SoftBox
+              component={Link}
+              href="https://www.creative-tim.com/product/soft-ui-dashboard-react"
+              target="_blank"
+              rel="noreferrer"
+              color="dark"
+              variant="gradient"
+              >
               White
-            </SoftButton>
+            </SoftBox>
           </SoftBox>
         </SoftBox>
         <SoftBox mt={3} mb={2} lineHeight={1}>
@@ -200,29 +195,27 @@ function Configurator() {
 
         <SoftBox mt={3} mb={2}>
           <SoftBox mb={2}>
-            <SoftButton
+            <SoftBox
               component={Link}
-              href="https://www.creative-tim.com/product/soft-ui-dashboard-react"
+              href="//twitter.com/intent/tweet?text=Check%20Soft%20UI%20Dashboard%20React%20made%20by%20%40CreativeTim%20%23webdesign%20%23dashboard%20%23react%23mui&url=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fsoft-ui-dashboard-react"
               target="_blank"
               rel="noreferrer"
               color="dark"
-              variant="gradient"
-              fullWidth
-            >
+              >
               free download
-            </SoftButton>
+            </SoftBox>
           </SoftBox>
-          <SoftButton
-            component={Link}
-            href="https://www.creative-tim.com/learning-lab/react/quick-start/soft-ui-dashboard/"
-            target="_blank"
-            rel="noreferrer"
-            color="dark"
-            variant="outlined"
-            fullWidth
+          <SoftBox
+            color="info"
+            variant={transparentSidenav ? 'contained' : 'gradient'}
+            onClick={handleWhiteSidenav}
+            disabled={disabled}
+            fullWidth="true"
+            sx={sidenavTypeButtonsStyles}
+
           >
             view documentation
-          </SoftButton>
+          </SoftBox>
         </SoftBox>
         <SoftBox display="flex" justifyContent="center">
           <a
@@ -267,7 +260,7 @@ function Configurator() {
           </SoftBox>
         </SoftBox>
       </SoftBox>
-    </ConfiguratorRoot>
+    </ConfiguratorRoot>)
   );
 }
 

diff --git a/src/examples/Navbars/DefaultNavbar/index.js b/src/examples/Navbars/DefaultNavbar/index.js
@@ -70,7 +70,7 @@ function DefaultNavbar({ transparent, light, action }) {
   }, []);
 
   return (
-    <Container>
+    (<Container>
       <SoftBox
         py={1.5}
         px={{ xs: transparent ? 4 : 5, sm: transparent ? 2 : 5, lg: transparent ? 0 : 5 }}
@@ -115,16 +115,16 @@ function DefaultNavbar({ transparent, light, action }) {
         {action &&
           (action.type === "internal" ? (
             <SoftBox display={{ xs: "none", lg: "inline-block" }}>
-              <SoftButton
+              <SoftBox
                 component={Link}
                 to={action.route}
                 variant="gradient"
-                color={action.color ? action.color : "info"}
-                size="small"
-                circular
+                color={action.color ? action.color : 'dark'}
+                borderRadius="50%"
+
               >
                 {action.label}
-              </SoftButton>
+              </SoftBox>
             </SoftBox>
           ) : (
             <SoftBox display={{ xs: "none", lg: "inline-block" }}>
@@ -155,7 +155,7 @@ function DefaultNavbar({ transparent, light, action }) {
         </SoftBox>
       </SoftBox>
       {mobileView && <DefaultNavbarMobile open={mobileNavbar} close={closeMobileNavbar} />}
-    </Container>
+    </Container>)
   );
 }
 

diff --git a/src/examples/Sidenav/index.js b/src/examples/Sidenav/index.js
@@ -128,7 +128,7 @@ function Sidenav({ color, brand, brandName, routes, ...rest }) {
   });
 
   return (
-    <SidenavRoot {...rest} variant="permanent" ownerState={{ transparentSidenav, miniSidenav }}>
+    (<SidenavRoot {...rest} variant="permanent" ownerState={{ transparentSidenav, miniSidenav }}>
       <SoftBox pt={3} pb={1} px={4} textAlign="center">
         <SoftBox
           display={{ xs: "block", xl: "none" }}
@@ -160,20 +160,20 @@ function Sidenav({ color, brand, brandName, routes, ...rest }) {
       <SoftBox pt={2} my={2} mx={2} mt="auto">
         <SidenavCard />
         <SoftBox mt={2}>
-          <SoftButton
+          <SoftBox
             component="a"
             href="https://creative-tim.com/product/soft-ui-dashboard-pro-react"
             target="_blank"
             rel="noreferrer"
             variant="gradient"
             color={color}
-            fullWidth
-          >
+            fullWidth="true"
+            >
             upgrade to pro
-          </SoftButton>
+          </SoftBox>
         </SoftBox>
       </SoftBox>
-    </SidenavRoot>
+    </SidenavRoot>)
   );
 }
 

diff --git a/src/layouts/authentication/components/Socials/index.js b/src/layouts/authentication/components/Socials/index.js
@@ -19,8 +19,8 @@ import SoftBox from "components/SoftBox";
 
 function Socials() {
   return (
-    <SoftBox display="flex" justifyContent="center">
-      <SoftButton variant="outlined" color="light">
+    (<SoftBox display="flex" justifyContent="center">
+      <SoftBox variant="contained" color="light" >
         <svg width="24px" height="32px" viewBox="0 0 64 64" version="1.1">
           <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
             <g transform="translate(3.000000, 3.000000)" fillRule="nonzero">
@@ -32,19 +32,19 @@ function Socials() {
             </g>
           </g>
         </svg>
-      </SoftButton>
+      </SoftBox>
       <SoftBox px={1}>
-        <SoftButton variant="outlined" color="light">
+        <SoftBox variant="contained" color="light" >
           <svg width="24px" height="32px" viewBox="0 0 64 64" version="1.1">
             <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
               <g transform="translate(7.000000, 0.564551)" fill="#000000" fillRule="nonzero">
                 <path d="M40.9233048,32.8428307 C41.0078713,42.0741676 48.9124247,45.146088 49,45.1851909 C48.9331634,45.4017274 47.7369821,49.5628653 44.835501,53.8610269 C42.3271952,57.5771105 39.7241148,61.2793611 35.6233362,61.356042 C31.5939073,61.431307 30.2982233,58.9340578 25.6914424,58.9340578 C21.0860585,58.9340578 19.6464932,61.27947 15.8321878,61.4314159 C11.8738936,61.5833617 8.85958554,57.4131833 6.33064852,53.7107148 C1.16284874,46.1373849 -2.78641926,32.3103122 2.51645059,22.9768066 C5.15080028,18.3417501 9.85858819,15.4066355 14.9684701,15.3313705 C18.8554146,15.2562145 22.5241194,17.9820905 24.9003639,17.9820905 C27.275104,17.9820905 31.733383,14.7039812 36.4203248,15.1854154 C38.3824403,15.2681959 43.8902255,15.9888223 47.4267616,21.2362369 C47.1417927,21.4153043 40.8549638,25.1251794 40.9233048,32.8428307 M33.3504628,10.1750144 C35.4519466,7.59650964 36.8663676,4.00699306 36.4804992,0.435448578 C33.4513624,0.558856931 29.7884601,2.48154382 27.6157341,5.05863265 C25.6685547,7.34076135 23.9632549,10.9934525 24.4233742,14.4943068 C27.7996959,14.7590956 31.2488715,12.7551531 33.3504628,10.1750144" />
               </g>
             </g>
           </svg>
-        </SoftButton>
+        </SoftBox>
       </SoftBox>
-      <SoftButton variant="outlined" color="light">
+      <SoftBox variant="contained" color="light" >
         <svg width="24px" height="32px" viewBox="0 0 64 64" version="1.1">
           <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
             <g transform="translate(3.000000, 2.000000)" fillRule="nonzero">
@@ -67,8 +67,8 @@ function Socials() {
             </g>
           </g>
         </svg>
-      </SoftButton>
-    </SoftBox>
+      </SoftBox>
+    </SoftBox>)
   );
 }
 

diff --git a/src/layouts/authentication/sign-in/index.js b/src/layouts/authentication/sign-in/index.js
@@ -39,7 +39,7 @@ function SignIn() {
   const handleSetRememberMe = () => setRememberMe(!rememberMe);
 
   return (
-    <CoverLayout
+    (<CoverLayout
       title="Welcome back"
       description="Enter your email and password to sign in"
       image={curved9}
@@ -73,9 +73,9 @@ function SignIn() {
           </SoftTypography>
         </SoftBox>
         <SoftBox mt={4} mb={1}>
-          <SoftButton variant="gradient" color="info" fullWidth>
+          <SoftBox variant="gradient" color="info" fullWidth="true" >
             sign in
-          </SoftButton>
+          </SoftBox>
         </SoftBox>
         <SoftBox mt={3} textAlign="center">
           <SoftTypography variant="button" color="text" fontWeight="regular">
@@ -93,7 +93,7 @@ function SignIn() {
           </SoftTypography>
         </SoftBox>
       </SoftBox>
-    </CoverLayout>
+    </CoverLayout>)
   );
 }
 

diff --git a/src/layouts/authentication/sign-up/index.js b/src/layouts/authentication/sign-up/index.js
@@ -42,7 +42,7 @@ function SignUp() {
   const handleSetAgremment = () => setAgremment(!agreement);
 
   return (
-    <BasicLayout
+    (<BasicLayout
       title="Welcome!"
       description="Use these awesome forms to login or create new account in your project for free."
       image={curved6}
@@ -89,9 +89,9 @@ function SignUp() {
               </SoftTypography>
             </SoftBox>
             <SoftBox mt={4} mb={1}>
-              <SoftButton variant="gradient" color="dark" fullWidth>
+              <SoftBox variant="gradient" color="dark" >
                 sign up
-              </SoftButton>
+              </SoftBox>
             </SoftBox>
             <SoftBox mt={3} textAlign="center">
               <SoftTypography variant="button" color="text" fontWeight="regular">
@@ -111,7 +111,7 @@ function SignUp() {
           </SoftBox>
         </SoftBox>
       </Card>
-    </BasicLayout>
+    </BasicLayout>)
   );
 }