free version (#70)

ct-vrushti · ct-vrushti · phoenixcoded · web-flow · commit 4210461baefd · 2025-09-15T17:55:47.000+05:30
* free version

* free version pr review complete

---------

Co-authored-by: ct-vrushti &lt;vrushti.pcoded@gmail.com&gt;
Co-authored-by: DIKSHIT MORADIYA &lt;phoenixcoded@gmail.com&gt;
diff --git a/react/.env b/react/.env
@@ -1,4 +1,4 @@
-VITE_APP_VERSION = v2.1.0
+VITE_APP_VERSION = v2.2.0
 GENERATE_SOURCEMAP = false
 
 ## Public URL
diff --git a/react/eslint.config.mjs b/react/eslint.config.mjs
@@ -79,18 +79,7 @@ export default [
         }
       ],
 
-      'prettier/prettier': [
-        'warn',
-        {
-          bracketSpacing: true,
-          printWidth: 140,
-          singleQuote: true,
-          trailingComma: 'none',
-          tabWidth: 2,
-          useTabs: false,
-          endOfLine: 'lf'
-        }
-      ]
+      'prettier/prettier': 'warn'
     }
   },
   {
diff --git a/react/package.json b/react/package.json
@@ -1,33 +1,33 @@
 {
   "name": "able-pro-react-free-admin-dashboard",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "dependencies": {
     "@emotion/cache": "11.14.0",
     "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
-    "@fontsource/inter": "5.2.5",
-    "@mui/lab": "7.0.0-beta.12",
-    "@mui/material": "7.1.0",
-    "@mui/system": "7.1.0",
-    "@vitejs/plugin-react": "4.4.1",
-    "apexcharts": "4.7.0",
+    "@emotion/styled": "11.14.1",
+    "@fontsource/inter": "5.2.6",
+    "@mui/lab": "7.0.0-beta.16",
+    "@mui/material": "7.3.1",
+    "@mui/system": "7.3.1",
+    "@vitejs/plugin-react": "5.0.2",
+    "apexcharts": "5.3.4",
     "formik": "2.4.6",
-    "framer-motion": "12.12.1",
+    "framer-motion": "12.23.12",
     "iconsax-reactjs": "0.0.8",
     "lodash-es": "4.17.21",
     "prop-types": "15.8.1",
-    "react": "19.1.0",
+    "react": "19.1.1",
     "react-apexcharts": "1.7.0",
     "react-device-detect": "2.2.3",
-    "react-dom": "19.1.0",
-    "react-router": "7.6.0",
-    "react-router-dom": "7.6.0",
-    "simplebar-react": "3.3.1",
-    "swr": "2.3.3",
-    "vite": "6.3.5",
+    "react-dom": "19.1.1",
+    "react-router": "7.8.2",
+    "react-router-dom": "7.8.2",
+    "simplebar-react": "3.3.2",
+    "swr": "2.3.6",
+    "vite": "7.1.3",
     "vite-jsconfig-paths": "2.0.1",
     "web-vitals": "5.0.1",
-    "yup": "1.6.1"
+    "yup": "1.7.0"
   },
   "scripts": {
     "start": "vite",
@@ -56,17 +56,17 @@
     ]
   },
   "devDependencies": {
-    "@eslint/compat": "1.2.9",
+    "@eslint/compat": "1.3.2",
     "@eslint/eslintrc": "3.3.1",
-    "@eslint/js": "9.27.0",
-    "eslint": "9.27.0",
-    "eslint-config-prettier": "10.1.5",
+    "@eslint/js": "9.34.0",
+    "eslint": "9.34.0",
+    "eslint-config-prettier": "10.1.8",
     "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-prettier": "5.4.0",
+    "eslint-plugin-prettier": "5.5.4",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "5.2.0",
-    "immutable": "5.1.2",
-    "prettier": "3.5.3"
+    "immutable": "5.1.3",
+    "prettier": "3.6.2"
   },
-  "packageManager": "yarn@4.9.1"
+  "packageManager": "yarn@4.9.4"
 }
diff --git a/react/src/components/@extended/Breadcrumbs.jsx b/react/src/components/@extended/Breadcrumbs.jsx
@@ -117,7 +117,11 @@ export default function Breadcrumbs({
     breadcrumbContent = (
       <MainCard
         border={card}
-        sx={card === false ? { mb: 3, bgcolor: 'transparent', borderRadius: 0, overflow: 'visible', ...sx } : { mb: 3, ...sx }}
+        sx={
+          card === false
+            ? { mb: 3, bgcolor: 'transparent', borderRadius: 0, overflow: 'visible', boxShadow: 'none', ...sx }
+            : { mb: 3, ...sx }
+        }
         {...others}
         content={card}
         boxShadow={false}
@@ -216,7 +220,11 @@ export default function Breadcrumbs({
       breadcrumbContent = (
         <MainCard
           border={card}
-          sx={card === false ? { mb: 3, bgcolor: 'transparent', borderRadius: 0, overflow: 'visible', ...sx } : { mb: 3, ...sx }}
+          sx={
+            card === false
+              ? { mb: 3, bgcolor: 'transparent', borderRadius: 0, overflow: 'visible', boxShadow: 'none', ...sx }
+              : { mb: 3, ...sx }
+          }
           {...others}
           content={card}
           boxShadow={false}
diff --git a/react/src/components/MainCard.jsx b/react/src/components/MainCard.jsx
@@ -44,7 +44,7 @@ export default function MainCard({
           position: 'relative',
           borderRadius: 1.5,
           ...(border && { border: `1px solid ${theme.palette.divider}` }),
-          ...(((themeContrast && boxShadow) || shadow) && { boxShadow: shadow ? shadow : theme.customShadows.z1 }),
+          ...((themeContrast || boxShadow || shadow) && { boxShadow: shadow ? shadow : theme.customShadows.z1 }),
           ...(codeHighlight && {
             '& pre': {
               m: 0,
diff --git a/react/src/components/cards/statistics/EcommerceDataCard.jsx b/react/src/components/cards/statistics/EcommerceDataCard.jsx
@@ -72,7 +72,7 @@ export default function EcommerceDataCard({ title, count, percentage, color, ico
           </Stack>
         </Grid>
         <Grid size={12}>
-          <MainCard content={false} border={false} sx={{ bgcolor: 'background.default' }}>
+          <MainCard content={false} border={false} sx={{ bgcolor: 'secondary.lighter', boxShadow: 'none' }}>
             <Box sx={{ p: 3, pb: 1.25 }}>
               <Grid container spacing={3}>
                 <Grid size={7}>{children}</Grid>
diff --git a/react/src/layout/Dashboard/Drawer/index.jsx b/react/src/layout/Dashboard/Drawer/index.jsx
@@ -43,15 +43,17 @@ export default function MainDrawer({ window }) {
           open={drawerOpen}
           onClose={() => handlerDrawerOpen(!drawerOpen)}
           ModalProps={{ keepMounted: true }}
-          sx={{
-            display: { xs: drawerOpen ? 'block' : 'none', lg: 'none' },
-            '& .MuiDrawer-paper': {
-              boxSizing: 'border-box',
-              width: DRAWER_WIDTH,
-              borderRight: '1px solid',
-              borderColor: 'divider',
-              backgroundImage: 'none',
-              boxShadow: 'inherit'
+          sx={{ display: { xs: drawerOpen ? 'block' : 'none', lg: 'none' } }}
+          slotProps={{
+            paper: {
+              sx: {
+                boxSizing: 'border-box',
+                width: DRAWER_WIDTH,
+                borderRight: '1px solid',
+                borderColor: 'divider',
+                backgroundImage: 'none',
+                boxShadow: 'inherit'
+              }
             }
           }}
         >
diff --git a/react/src/layout/Dashboard/Footer.jsx b/react/src/layout/Dashboard/Footer.jsx
@@ -9,7 +9,7 @@ import Typography from '@mui/material/Typography';
 
 export default function Footer() {
   return (
-    <Stack direction="row" sx={{ justifyContent: 'space-between', alignItems: 'center', p: '24px 16px 0px', mt: 'auto' }}>
+    <Stack direction={{ sm: 'row' }} sx={{ gap: 1, justifyContent: 'space-between', alignItems: 'center', pt: 3, mt: 'auto' }}>
       <Typography variant="caption">&copy; Able Pro crafted with ♥ by Team Phoenixcoded</Typography>
       <Stack direction="row" sx={{ gap: 1.5, justifyContent: 'space-between', alignItems: 'center' }}>
         <Link component={RouterLink} to="https://ableproadmin.com" target="_blank" variant="caption" color="text.primary">
diff --git a/react/src/layout/Dashboard/Header/HeaderContent/Notification.jsx b/react/src/layout/Dashboard/Header/HeaderContent/Notification.jsx
@@ -72,7 +72,7 @@ export default function NotificationPage() {
           bgcolor: open ? 'secondary.200' : 'secondary.100'
         }}
       >
-        <Badge badgeContent={read} color="success" sx={{ '& .MuiBadge-badge': { top: 2, right: 4 } }}>
+        <Badge badgeContent={read} color="success" slotProps={{ badge: { sx: { top: 2, right: 4 } } }}>
           <Notification variant="Bold" />
         </Badge>
       </IconButton>
diff --git a/react/src/layout/Dashboard/Header/HeaderContent/Search.jsx b/react/src/layout/Dashboard/Header/HeaderContent/Search.jsx
@@ -21,9 +21,8 @@ export default function Search() {
             </InputAdornment>
           }
           aria-describedby="header-search-text"
-          slotProps={{ input: { 'aria-label': 'weight' } }}
+          slotProps={{ input: { sx: { p: 1.5 }, 'aria-label': 'weight' } }}
           placeholder="Ctrl + K"
-          sx={{ '& .MuiOutlinedInput-input': { p: 1.5 } }}
         />
       </FormControl>
     </Box>
diff --git a/react/src/layout/Dashboard/Header/index.jsx b/react/src/layout/Dashboard/Header/index.jsx
@@ -40,7 +40,7 @@ export default function Header() {
         size="large"
         sx={{
           color: 'secondary.main',
-          ...(drawerOpen ? { bgcolor: 'secondary.100' } : { bgcolor: 'secondary.200' }),
+          ...(drawerOpen ? { bgcolor: 'background.default' } : { bgcolor: 'secondary.200' }),
           ml: { xs: 0, lg: -2 },
           p: 1
         }}
diff --git a/react/src/layout/Dashboard/index.jsx b/react/src/layout/Dashboard/index.jsx
@@ -3,6 +3,8 @@ import { Outlet } from 'react-router-dom';
 
 // material-ui
 import useMediaQuery from '@mui/material/useMediaQuery';
+import Button from '@mui/material/Button';
+import Link from '@mui/material/Link';
 import Toolbar from '@mui/material/Toolbar';
 import Box from '@mui/material/Box';
 
@@ -16,6 +18,9 @@ import Loader from 'components/Loader';
 import { handlerDrawerOpen, useGetMenuMaster } from 'api/menu';
 import { DRAWER_WIDTH } from 'config';
 
+// assets
+import { ShoppingCart } from 'iconsax-reactjs';
+
 // ==============================|| MAIN LAYOUT ||============================== //
 
 export default function MainLayout() {
@@ -48,6 +53,16 @@ export default function MainLayout() {
           <Breadcrumbs />
           <Outlet />
           <Footer />
+          <Link style={{ textDecoration: 'none' }} href="https://codedthemes.com/item/able-pro-mui-react-admin-template/" target="_blank">
+            <Button
+              variant="contained"
+              color="error"
+              startIcon={<ShoppingCart />}
+              sx={{ zIndex: 1199, position: 'fixed', bottom: 50, right: 30 }}
+            >
+              Buy Now
+            </Button>
+          </Link>
         </Box>
       </Box>
     </Box>
diff --git a/react/src/pages/extra-pages/sample-page.jsx b/react/src/pages/extra-pages/sample-page.jsx
@@ -10,7 +10,7 @@ export default function SamplePage() {
   return (
     <MainCard title="Sample Card">
       <Typography variant="body1">
-        Do you Know? Able is used by more than 2.4K+ Customers worldwide. This new v9 version is the major release of Able Pro Dashboard
+        Do you Know? Able is used by more than 6.5K+ Customers worldwide. This new v9 version is the major release of Able Pro Dashboard
         Template with having brand new modern User Interface.
       </Typography>
     </MainCard>
diff --git a/react/src/themes/overrides/Chip.js b/react/src/themes/overrides/Chip.js
@@ -55,10 +55,8 @@ export default function Chip(theme) {
           '&.MuiChip-colorSuccess': getColor({ color: 'success', theme }),
           '&.MuiChip-colorWarning': getColor({ color: 'warning', theme })
         },
-        sizeLarge: {
-          fontSize: '1rem',
-          height: 40
-        },
+        sizeLarge: { fontSize: '1rem', height: 40 },
+        sizeSmall: { borderRadius: 8 },
         light: {
           ...defaultLightChip,
           '&.MuiChip-lightPrimary': getColorStyle({ color: 'primary', theme }),
diff --git a/react/yarn.lock b/react/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-VITE_APP_VERSION = v2.1.0`
	`1`	`+VITE_APP_VERSION = v2.2.0`
`2`	`2`	`GENERATE_SOURCEMAP = false`
`3`	`3`
`4`	`4`	`## Public URL`
Original file line number	Diff line number	Diff line change
`@@ -79,18 +79,7 @@ export default [`
`79`	`79`	`}`
`80`	`80`	`],`
`81`	`81`
`82`		`- 'prettier/prettier': [`
`83`		`- 'warn',`
`84`		`- {`
`85`		`- bracketSpacing: true,`
`86`		`- printWidth: 140,`
`87`		`- singleQuote: true,`
`88`		`- trailingComma: 'none',`
`89`		`- tabWidth: 2,`
`90`		`- useTabs: false,`
`91`		`- endOfLine: 'lf'`
`92`		`- }`
`93`		`- ]`
	`82`	`+ 'prettier/prettier': 'warn'`
`94`	`83`	`}`
`95`	`84`	`},`
`96`	`85`	`{`
Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@ export default function NotificationPage() {`
`72`	`72`	`bgcolor: open ? 'secondary.200' : 'secondary.100'`
`73`	`73`	`}}`
`74`	`74`	`>`
`75`		`- <Badge badgeContent={read} color="success" sx={{ '& .MuiBadge-badge': { top: 2, right: 4 } }}>`
	`75`	`+ <Badge badgeContent={read} color="success" slotProps={{ badge: { sx: { top: 2, right: 4 } } }}>`
`76`	`76`	`<Notification variant="Bold" />`
`77`	`77`	`</Badge>`
`78`	`78`	`</IconButton>`