Update README.md (#65)

* Update README.md

* bug fix

* Update README.md

* Update README.md

* Added emojis

* added image

* version changes

* package json changes for private

* updated image

---------

Co-authored-by: CodedThemes <77041536+phoenixcoded20@users.noreply.github.com>
Co-authored-by: ct-vrushti <vrushti.pcoded@gmail.com>

Author: 3 people

.env

@@ -1,4 +1,4 @@
-VITE_APP_VERSION = v1.4.0
+VITE_APP_VERSION = v1.4.1
 GENERATE_SOURCEMAP = false
 
 ## Public URL

README.md

@@ -24,21 +24,22 @@ Mantis has Ant Design principal on top of the Material UI React component librar
 
 - [Getting Started](#getting-started)
 - [Download](#download)
-- [What's include in Premium Version?](#whats-include-in-premium-version?)
-- [Why Mantis?](#why-mantis?)
+- [Why Mantis?](#why-mantis)
+- [What's included in Premium Version?](#whats-included-in-premium-version)
 - [Documentation](#documentation)
 - [Browser support](#browser-support)
 - [Technology Stack](#technology-stack)
+- [Other Technologies](#other-technologies)
+- 💰[Save more with Big Bundle](#save-more-with-big-bundle)💰
+- [More React Dashboard Templates](#more-react-dashboard-templates)
 - [Issues?](#issues)
 - [License](#license)
-- [More React Dashboard Templates](#more-react-dashboard-templates)
-- [Other Technologies](#other-technologies)
 - [Contributor](#contributor)   
 - [Useful Resources](#useful-resources)
 - [Community](#community)
 - [Follow us](#follow-us)
 
-## Getting Started 🚀
+## Getting Started
 
 1. Clone from Github
 
@@ -58,16 +59,28 @@ yarn
 yarn run start
 ```
 
-## Download 🔽
+## Download
 
 - Mantis Free 
     - [Live Preview](https://mantisdashboard.io/free/) 
     - [Download](https://codedthemes.com/item/mantis-free-mui-admin-template/)
 - Mantis Pro 
     - [Live Preview](https://mantisdashboard.io/) 
     - [Download](https://codedthemes.com/item/mantis-mui-react-dashboard-template/)
+      
+## Why Mantis? 
 
-## What's include in Premium Version? 🔓
+Mantis offers everything needed to build an advanced dashboard application. In the initial release, we included following high-end features,
+
+- Support React18.
+- Professional user interface.
+- Material UI React components.
+- Fully responsive, all modern browser supported.
+- Easy to use code structure
+- Flexible & high-Performance code
+- Simple documentation
+
+## What's included in Premium Version?
 The [Pro version](https://mantisdashboard.io/) of Mantis react template includes features such as TypeScript, apps, authentication methods (i.e. JWT, Auth0, Firebase), advance components, form plugins, layouts, widgets, and more.
 
 | [Mantis Free](https://mantisdashboard.io/free/) | [Mantis](https://mantisdashboard.io/) |
@@ -83,26 +96,14 @@ The [Pro version](https://mantisdashboard.io/) of Mantis react template includes
 | -                                                     | ✓ [More components](https://mantisdashboard.io/components-overview/autocomplete)                                                                                     |
 | ✓ MIT License                                         | ✓ [Pro License](https://mui.com/store/license/)
 
-## Why Mantis? 
-
-Mantis offers everything needed to build an advanced dashboard application. In the initial release, we included following high-end features,
-
-- Support React18.
-- Professional user interface.
-- Material UI React components.
-- Fully responsive, all modern browser supported.
-- Easy to use code structure
-- Flexible & high-Performance code
-- Simple documentation
-     
 ## Documentation
 
 [Mantis documentation](https://codedthemes.gitbook.io/mantis) helps you out in all aspects from Installation to deployment.
 
-## Browser support 🌐
+## Browser support
 <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/chrome.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/edge.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/safari.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/firefox.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/opera.png" width="45" height="45" >
 
-## Technology Stack ⚡️
+## Technology Stack
 
 - Material UI V6
 - Built with React Hooks API.
@@ -113,33 +114,34 @@ Mantis offers everything needed to build an advanced dashboard application. In t
 - Code splitting.
 - CSS-in-JS.
 
-## Issues ❓ 
-
-Please generate a [Github issue](https://github.com/codedthemes/mantis-free-react-admin-template/issues) if you found a bug in any version. We are try our best to resolve the issue.
-
-## License 
-- Licensed under [MIT](https://github.com/codedthemes/mantis-free-react-admin-template/blob/master/LICENSE)
-- Copyright © [CodedThemes](https://codedthemes.com/)
-
-## More React Dashboard Templates 🔗
-
-<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Berry.png" width="30" height="30" style="display:inline-block; vertical-align:middle;"> <span style="vertical-align:middle;"> &nbsp;&nbsp;-&nbsp;&nbsp; [**Free**](https://codedthemes.com/item/berry-mui-free-react-admin-template/) &nbsp;| &nbsp;[**Pro**](https://codedthemes.com/item/berry-material-react-admin-template/)</span>
+## Other Technologies 
+| Technology | Free | Pro |
+|-----------|------|------|
+| <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Angular.png" width="25" height="25"></p> | [**Free**](https://codedthemes.com/item/mantis-angular-free-admin-template/) | [**Pro**](https://codedthemes.com/item/mantis-angular-admin-template/) |
+| <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Bootstrap.png" width="30" height="30"></p> | [**Free**](https://codedthemes.com/item/mantis-bootstrap-free-admin-template/) | [**Pro**](https://codedthemes.com/item/mantis-bootstrap-admin-dashboard/) |
+| <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Vue.png" width="25" height="25"></p> | [**Free**](https://codedthemes.com/item/mantis-free-vuetify-vuejs-admin-template/) | [**Pro**](https://codedthemes.com/item/mantis-vue-admin-template/) |
 
-<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Datta Able.png" width="30" height="30" style="display:inline-block; vertical-align:middle;"> <span style="vertical-align:middle;"> &nbsp;&nbsp;-&nbsp;&nbsp; [**Free**](https://codedthemes.com/item/datta-able-react-free-admin-template/) &nbsp;| &nbsp;[**Pro**](https://codedthemes.com/item/datta-able-react-admin-template/)</span>
+## Save more with Big Bundle
 
-<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Gradient.png" width="30" height="30" style="display:inline-block; vertical-align:middle;"> <span style="vertical-align:middle;"> &nbsp;&nbsp;-&nbsp;&nbsp; [**Free**](https://codedthemes.com/item/gradient-able-reactjs-free-admin-template/) &nbsp;| &nbsp;[**Pro**](https://codedthemes.com/item/gradient-able-reactjs-admin-dashboard/)</span>
-                                         
+[![bundle-image](https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Bundle+banner.png)](https://links.codedthemes.com/jhFBJ)
 
-## Other Technologies
+## More React Dashboard Templates
 
-<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Angular.png" width="25" height="25" style="display:inline-block; vertical-align:middle;"> <span style="vertical-align:middle;"> &nbsp;&nbsp;-&nbsp;&nbsp; [**Free**](https://codedthemes.com/item/mantis-angular-free-admin-template/) &nbsp;| &nbsp;[**Pro**](https://codedthemes.com/item/mantis-angular-admin-template/)</span>
+| Dashboard | FREE | PRO | 
+| ----- | ---- | ---- |
+| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Berry%20with%20name.png"  height="30" style="display:inline-block; vertical-align:middle;"> | [**Free**](https://codedthemes.com/item/berry-mui-free-react-admin-template/) | [**Pro**](https://codedthemes.com/item/berry-material-react-admin-template/)</span>|
+| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Datta%20with%20name.png" height="30" style="display:inline-block; vertical-align:middle;">  | [**Free**](https://codedthemes.com/item/datta-able-react-free-admin-template/) | [**Pro**](https://codedthemes.com/item/datta-able-react-admin-template/)</span>|
+| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Gradient%20with%20name.png" height="30" style="display:inline-block; vertical-align:middle;"> | [**Free**](https://codedthemes.com/item/gradient-able-reactjs-free-admin-template/) | [**Pro**](https://codedthemes.com/item/gradient-able-reactjs-admin-dashboard/)</span>|
 
-<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Bootstrap.png" width="30" height="30" style="display:inline-block; vertical-align:middle;"> <span style="vertical-align:middle;"> &nbsp;&nbsp;-&nbsp;&nbsp; [**Free**](https://codedthemes.com/item/mantis-bootstrap-free-admin-template/) &nbsp;| &nbsp;[**Pro**](https://codedthemes.com/item/mantis-bootstrap-admin-dashboard/)</span>
+## Issues
 
-<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Vue.png" width="25" height="25" style="display:inline-block; vertical-align:middle;"> <span style="vertical-align:middle;"> &nbsp;&nbsp;-&nbsp;&nbsp; [**Free**](https://codedthemes.com/item/mantis-free-vuetify-vuejs-admin-template/) &nbsp;| &nbsp;[**Pro**](https://codedthemes.com/item/mantis-vue-admin-template/)</span>
+Please generate a [Github issue](https://github.com/codedthemes/mantis-free-react-admin-template/issues) if you found a bug in any version. We are try our best to resolve the issue.
 
+## License 
+- Licensed under [MIT](https://github.com/codedthemes/mantis-free-react-admin-template/blob/master/LICENSE)
+- Copyright © [CodedThemes](https://codedthemes.com/)
 
-## Contributor 👩‍💻
+## Contributor
 
 **CodedThemes Team**
 - https://x.com/codedthemes
@@ -151,26 +153,23 @@ Please generate a [Github issue](https://github.com/codedthemes/mantis-free-reac
 **Brijesh Dobariya**
 - https://x.com/dobaria_brijesh
 
-## Useful Resources 📌
+## Useful Resources
 - [More Admin Templates From CodedThemes](https://codedthemes.com/item/category/admin-templates/)
 - [Freebies From CodedThemes](https://codedthemes.com/item/category/free-templates/)
 - [Big Bundles](https://codedthemes.com/item/big-bundle/)
-
-
 - [Figma UI Kits](https://codedthemes.com/item/category/templates/figma/)
 - [Affiliate Program](https://codedthemes.com/affiliate/)
 - [Blogs](https://blog.codedthemes.com/)
 
 ## Community
-- Follow [@codedthemes](https://x.com/codedthemes)
-- Join [Discord](https://discord.com/invite/p2E2WhCb6s)
-- subscribe to [Codedtheme Blogs](https://blog.codedthemes.com/)
+- 👥Follow [@codedthemes](https://x.com/codedthemes)
+- 🔗Join [Discord](https://discord.com/invite/p2E2WhCb6s)
+- 🔔Subscribe to [Codedtheme Blogs](https://blog.codedthemes.com/)
 
 ## Follow Us
-
-- [Twitter](https://twitter.com/codedthemes)
-- [Dribbble](https://dribbble.com/codedthemes)
-- [Github](https://github.com/codedthemes)
-- [LinkedIn](https://www.linkedin.com/company/codedthemes/)
-- [Instagram](https://www.instagram.com/codedthemes/)
-- [Facebook](https://www.facebook.com/codedthemes)
+- [Twitter](https://twitter.com/codedthemes) 🐦
+- [Dribbble](https://dribbble.com/codedthemes) 🏀
+- [Github](https://github.com/codedthemes) 🐙
+- [LinkedIn](https://www.linkedin.com/company/codedthemes/) 💼
+- [Instagram](https://www.instagram.com/codedthemes/) 📷
+- [Facebook](https://www.facebook.com/codedthemes) 🟦

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mantis-material-free-react",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "private": false,
   "homepage": "https://mantisdashboard.io/free",
   "author": {

src/layout/Dashboard/Header/HeaderContent/Profile/SettingTab.jsx

@@ -1,5 +1,5 @@
-import { useEffect, useState } from 'react';
-import { useLocation, useNavigate } from 'react-router';
+import { useState } from 'react';
+import { useNavigate } from 'react-router';
 
 // material-ui
 import List from '@mui/material/List';
@@ -19,7 +19,6 @@ import UnorderedListOutlined from '@ant-design/icons/UnorderedListOutlined';
 
 export default function SettingTab() {
   const navigate = useNavigate();
-  const location = useLocation();
   const [selectedIndex, setSelectedIndex] = useState(0);
 
   const handleListItemClick = (event, index, route = '') => {
@@ -30,14 +29,6 @@ export default function SettingTab() {
     }
   };
 
-  useEffect(() => {
-    const pathToIndex = {
-      '/apps/profiles/account/settings': 1
-    };
-
-    setSelectedIndex(pathToIndex[location.pathname] ?? undefined);
-  }, [location.pathname]);
-
   return (
     <List component="nav" sx={{ p: 0, '& .MuiListItemIcon-root': { minWidth: 32 } }}>
       <Link underline="none" sx={{ color: 'inherit' }} target="_blank" href="https://codedthemes.support-hub.io/">
@@ -48,7 +39,7 @@ export default function SettingTab() {
           <ListItemText primary="Support" />
         </ListItemButton>
       </Link>
-      <ListItemButton selected={selectedIndex === 1} onClick={(event) => handleListItemClick(event, 1, '/apps/profiles/account/settings')}>
+      <ListItemButton selected={selectedIndex === 1} onClick={(event) => handleListItemClick(event, 1)}>
         <ListItemIcon>
           <UserOutlined />
         </ListItemIcon>