Remove unused UI elements

Author: modularcoder

README.md

@@ -26,20 +26,20 @@ Free [MaterialUI](https://material-ui.com/) dashboard theme implemented by using
 
 In the project directory, you can run:
 
-### `yarn start`
+### `npm start`
 
 Runs the app in the development mode.<br />
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
 
 The page will reload if you make edits.<br />
 You will also see any lint errors in the console.
 
-### `yarn test`
+### `npm run test`
 
 Launches the test runner in the interactive watch mode.<br />
 See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
 
-### `yarn build`
+### `npm run build`
 
 Builds the app for production to the `build` folder.<br />
 It correctly bundles React in production mode and optimizes the build for the best performance.

package-lock.json

@@ -26,6 +26,7 @@
     "chart.js": "^2.9.3",
     "cross-env": "^7.0.0",
     "disqus-react": "^1.0.7",
+    "faker": "^5.5.3",
     "lodash": "^4.17.15",
     "moment": "^2.24.0",
     "prop-types": "^15.7.2",

package.json

@@ -19,10 +19,10 @@ const Dashboard = () => {
         actionsComponent={DashboardActions}
       ></BasePageToolbar>
       <Grid container spacing={3}>
+        <KeyNumbers />
         <Grid item xs={12}>
           <SubscriptionsHistory />
         </Grid>
-        <KeyNumbers />
         <SubscriptionsRecent />
         <SubscriptionsBreakdown />
       </Grid>

src/Dashboard/Dashboard.js

@@ -1,6 +1,5 @@
 import React from 'react'
 import clsx from 'clsx'
-import PropTypes from 'prop-types'
 import { makeStyles } from '@material-ui/core/styles'
 import { Paper, Box, Grid, Typography } from '@material-ui/core'
 import { Line } from 'react-chartjs-2'
@@ -109,7 +108,7 @@ const useStyles = makeStyles(theme => ({
   paper: {
     // padding: theme.spacing(2),
     textAlign: 'left',
-    color: theme.palette.text.secondary,
+    color: theme.palette.text.primary,
     height: '100%',
   },
   name: {

src/Dashboard/KeyNumbers/KeyNumbers.js

@@ -32,8 +32,6 @@ const AppHeader = ({ onToggleClick }) => {
         </IconButton>
         <HeaderDemo />
         <div className={classes.actions}>
-          <HeaderSearch />
-          <HeaderNotifications />
           <HeaderProfile />
         </div>
       </Toolbar>

src/_common/AppHeader/AppHeader.js

@@ -17,7 +17,7 @@ const AppHeaderDemoButtons = props => {
         <Button
           size="small"
           variant="outlined"
-          color="secondary"
+          color="primary"
           className={classes.button}
           href="https://github.com/modularcode/modular-admin-react"
         >
@@ -29,7 +29,7 @@ const AppHeaderDemoButtons = props => {
         <Button
           size="small"
           variant="outlined"
-          color="secondary"
+          color="primary"
           className={classes.button}
           href="https://github.com/modularcode/modular-admin-react/releases"
         >
@@ -41,7 +41,7 @@ const AppHeaderDemoButtons = props => {
         <Button
           size="small"
           variant="outlined"
-          color="secondary"
+          color="primary"
           className={classes.button}
           href="https://github.com/modularcode/modular-admin-react/stargazers"
         >

src/_common/AppHeader/AppHeaderDemoButtons.js

@@ -5,7 +5,7 @@ import { makeStyles } from '@material-ui/core/styles'
 import { Link } from 'react-router-dom'
 import Typography from '@material-ui/core/Typography'
 
-import AppSidebarBg from './AppSidebarBg.jpg'
+// import AppSidebarBg from './AppSidebarBg.jpg'
 import Logo from '_common/BaseLogo/BaseLogo'
 import SidebarNav from './SidebarNav'
 
@@ -64,7 +64,7 @@ const useStyles = makeStyles(theme => ({
     top: 0,
     left: 0,
     zIndex: 0,
-    backgroundImage: `url(${AppSidebarBg})`,
+    // backgroundImage: `url(${AppSidebarBg})`,
     backgroundPosition: 'center',
     backgroundRepeat: 'repeat',
     backgroundSize: 'cover',

src/_common/AppSidebar/AppSidebar.js

@@ -76,21 +76,11 @@ const SidebarNav = props => {
         },
       ],
     },
-    {
-      name: 'Search',
-      link: '/search',
-      Icon: IconSearch,
-    },
     {
       name: 'Settings',
       link: '/settings',
       Icon: IconSettings,
     },
-    {
-      name: 'Error',
-      link: '/error',
-      Icon: IconError,
-    },
   ]
 
   const itemsTheme = [
@@ -106,15 +96,9 @@ const SidebarNav = props => {
       Icon: IconLibraryBooks,
       IconClassName: classes.iconDocs,
     },
-    {
-      name: 'Supporters',
-      link: '/demo/supporters',
-      Icon: IconStars,
-      IconClassName: classes.iconSupporters,
-    },
     {
       name: 'Discuss',
-      link: '/demo/discuss',
+      link: 'https://github.com/modularcode/modular-admin-react/discussions',
       Icon: IconQuestionAnswer,
       IconClassName: classes.iconDiscuss,
     },