sidebar add buy now link box and update readme file in license link a…

…nd add license file
codedthemes · Feb 8, 2024 · 0dbdfc8 · 0dbdfc8
1 parent 5b3d061
commit 0dbdfc8
Show file tree

Hide file tree

Showing 6 changed files with 77 additions and 18 deletions.
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 CodedThemes
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -15,14 +15,14 @@ Materially Logo is inspired from the insect name - 'Materially' as they have tri
 
 The [Pro version](https://codedthemes.com/demos/admin-templates/materially/react/default) of Materially react template includes features such as TypeScript, apps, authentication methods (i.e. JWT, Auth0, Firebase), advance components, form plugins, layouts, widgets, and more.
 
-| [Materially Free](https://codedthemes.com/demos/admin-templates/materially/react/free/) | [Materially Pro](https://codedthemes.com/demos/admin-templates/materially/react/default)                                         |
-| ---------------------------------------------- | :------------------------------------------------------------------------------- |
-| **7** Demo pages                               | **85+** Demo pages                                                               |
-| -                                              | ✓ Dark/Light Mode 🌓                                                             |
-| -                                              | ✓ RTL                                                                            |
-| -                                              | ✓ JWT, Firebase, Auth0, AWS authentication                                       |
-| -                                              | ✓ [More components](https://codedthemes.com/demos/admin-templates/materially/react/default/basic/accordion) |
-| ✓ MIT License                                  | ✓ [Pro License](https://codedthemes.com/item/materially-reactjs-admin-dashboard/)                                  |
+| [Materially Free](https://codedthemes.com/demos/admin-templates/materially/react/free/) | [Materially Pro](https://codedthemes.com/demos/admin-templates/materially/react/default)                                                                           |
+| --------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **7** Demo pages                                                                        | **85+** Demo pages                                                                                                                                                 |
+| -                                                                                       | ✓ Dark/Light Mode 🌓                                                                                                                                               |
+| -                                                                                       | ✓ RTL                                                                                                                                                              |
+| -                                                                                       | ✓ JWT, Firebase, Auth0, AWS authentication                                                                                                                         |
+| -                                                                                       | ✓ [More components](https://codedthemes.com/demos/admin-templates/materially/react/default/basic/accordion)                                                        |
+| ✓ MIT License                                                                           | ✓ [Pro License](https://codedthemes.com/item/materially-reactjs-admin-dashboard/?utm_source=free_demo&utm_medium=codedthemes&utm_campaign=button_download_premium) |
 
 ## Why Materially?
 
@@ -54,7 +54,7 @@ Materially offers everything needed to build an advanced dashboard application.
 
 #### Purchase
 
-- [Buy now](https://codedthemes.com/item/materially-reactjs-admin-dashboard/)
+- [Buy now](https://codedthemes.com/item/materially-reactjs-admin-dashboard/?utm_source=free_demo&utm_medium=codedthemes&utm_campaign=button_download_premium)
 
 ## Table of contents
 
@@ -113,7 +113,7 @@ Please generate a [GitHub issue](https://github.com/codedthemes/materially-free-
 
 ## License
 
-- Licensed under [MIT](https://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/master/LICENSE)
+- Licensed under [MIT](https://github.com/codedthemes/materially-free-react-admin-template/blob/main/LICENSE)
 
 ## More Free React Material Admin Dashboard Templates
 
@@ -127,9 +127,9 @@ Please generate a [GitHub issue](https://github.com/codedthemes/materially-free-
 
 ## Follow us
 
-- Website [https://codedthemes.com/demos/admin-templates/materially/react/](https://codedthemes.com/demos/admin-templates/materially/react/)
+- Website [https://codedthemes.com/demos/admin-templates/materially/react/default/](https://codedthemes.com/demos/admin-templates/materially/react/default/)
 - Blog [https://blog.codedthemes.com/](https://blog.codedthemes.com/)
 - CodedThemes [https://codedthemes.com](https://codedthemes.com)
 - Dribbble [https://dribbble.com/codedthemes](https://dribbble.com/codedthemes)
 - Facebook [https://www.facebook.com/codedthemes](https://www.facebook.com/codedthemes)
-- Twitter [https://twitter.com/codedthemes](https://twitter.com/codedthemes)
+- Twitter [https://twitter.com/codedthemes](https://twitter.com/codedthemes)
diff --git a/src/assets/images/sidebar.png b/src/assets/images/sidebar.png
diff --git a/src/component/Loadable.js b/src/component/Loadable.js
@@ -5,11 +5,10 @@ import Loader from './Loader/Loader';
 
 // ==============================|| LOADABLE - LAZY LOADING ||============================== //
 
-const Loadable = (Component) => (props) =>
-  (
-    <Suspense fallback={<Loader />}>
-      <Component {...props} />
-    </Suspense>
-  );
+const Loadable = (Component) => (props) => (
+  <Suspense fallback={<Loader />}>
+    <Component {...props} />
+  </Suspense>
+);
 
 export default Loadable;
diff --git a/src/layout/MainLayout/Sidebar/MenuList/NavCard.js b/src/layout/MainLayout/Sidebar/MenuList/NavCard.js
@@ -0,0 +1,37 @@
+// material-ui
+import { Button, Card, CardMedia, CardContent, Link, Stack, Typography } from '@mui/material';
+
+// assets
+import avatar from 'assets/images/sidebar.png';
+
+// ==============================|| DRAWER CONTENT - NAVIGATION CARD ||============================== //
+
+const NavCard = () => {
+  return (
+    <Card sx={{ bgcolor: 'rgb(250, 250, 250)', border: '1px solid rgb(230, 235, 241)', m: 2 }}>
+      <CardContent>
+        <Stack alignItems="center" spacing={2.5}>
+          <CardMedia component="img" image={avatar} sx={{ width: 112 }} />
+          <Stack alignItems="center">
+            <Typography variant="h5">Materially Pro</Typography>
+            <Typography variant="h6" color="secondary" textAlign="center">
+              Checkout Materially Premium Features
+            </Typography>
+          </Stack>
+          <Button
+            component={Link}
+            target="_blank"
+            href="https://codedthemes.com/item/materially-reactjs-admin-dashboard/?utm_source=free_demo&utm_medium=codedthemes&utm_campaign=button_download_premium"
+            variant="contained"
+            color="primary"
+            size="small"
+          >
+            Download Premium
+          </Button>
+        </Stack>
+      </CardContent>
+    </Card>
+  );
+};
+
+export default NavCard;
diff --git a/src/layout/MainLayout/Sidebar/index.js b/src/layout/MainLayout/Sidebar/index.js
@@ -11,6 +11,7 @@ import PerfectScrollbar from 'react-perfect-scrollbar';
 // project import
 import MenuList from './MenuList';
 import { drawerWidth } from 'config.js';
+import NavCard from './MenuList/NavCard';
 
 // assets
 import logo from 'assets/images/logo.svg';
@@ -53,6 +54,7 @@ const Sidebar = ({ drawerOpen, drawerToggle, window }) => {
       <Divider />
       <PerfectScrollbar style={{ height: 'calc(100vh - 65px)', padding: '10px' }}>
         <MenuList />
+        <NavCard />
       </PerfectScrollbar>
     </>
   );