Discussion on EasyDev — Web3 React BS5 Admin & Dashboard Template + Figma

Discussion on EasyDev — Web3 React BS5 Admin & Dashboard Template + Figma

Cart 2,502 sales
Well Documented

Aspirity does not currently provide support for this item.

427 comments found.

Hi, I would like to build a search and results feature on your dashboard. How should I best go about doing it? Are there any suggested references?

Am thinking of building a search engine off your dashboard…

Hi,

We didn’t add the search feature because its settings depend on a project’s requirements. Unfortunately, it’s hard to advise something useful In this case.

Regards, Aspirity

Hello, There is a problem here http://previews.aspirity.com/easydev/tables/material_table

the orderby does not work on Dessert (100g serving)

others columns are working…

please… thanks….

btw, could you advice in how to fix this?

Hi,

There is the function below for sorting by string in the template:

function getSorting(order, orderBy) { return order === ‘desc’ ? (a, b) => b[orderBy] – a[orderBy] : (a, b) => a[orderBy] – b[orderBy]; }

Unfortunately, it works only with numbers and we missed this point. You have to modernize this function to use it for sorting by the string. You can find the answer in this article: https://www.sitepoint.com/sort-an-array-of-objects-in-javascript/

Best regards, Aspirity

Hi there, How will I integrate APIs with Data table.

Yes! I did create heads for the table. The problem is even the state is getting updated in Data Table but the props of Edit table are not getting updated. I have taken ‘rows’ as an empty array as state variable. And I am setting the state in “componentDidMount()” life-cycle method.

Also I am getting some error while using Radio Buttons. The “radioValue” field is undefined always even after assigning some value.

Hi,

We’ve found the problem. The EditorTable has a little problem with updatable data. Try to render the table after the data fetching.

About RadioButton: Could you provide a sample of the code where you used it? Did you use it with redux-form or without it?

Best regards, Aspirity

Hello, I recently got your dashboard and it’s very good work thank you.

I’m getting one error I’ve tried to debug and haven’t gotten very far with. If I run nodemon start on the template, everything loads ok. If I do the same in seed that works as well.

However, if I try to bring one of the components from the template directory to the seed directory (for example BasicAlerts), it throws an error regarding react-i18next stating that i18Options is null.

Curious if you’ve seen anything like this or not, and if you have an idea how to tackle it? I’ve run npm install and npm install react-i18next but to no avail. Also google searches haven’t shown much either.

I’m fairly new to react but have done a lot of javascript and django so apologies if this is coming across as uninformed, still learning here.

Hi,

If you want to use the translations you also have to add its initialization into App.jsx, and add a ‘translations’ folder etc. Please, check docs: https://react.i18next.com/.

Best regards, Aspirity

Hi,

Can you please tell me about how to set rows in DataTable with data got from a rest API. I tried to set rows with setState method inside componentDidMount Method but the data is not getting populated in Table.

Hi,

We’re expressing regret for the delay with the answer. We’ll reply tomorrow because our developer is too busy.

Best regards, Aspirity

Hi again,

Please, make sure that setState is called with updated data (from the server) and the render is bound to this state data.

Best regards, Aspirity

Hi, for my sidebar category ‘insights’, how can I load the sidebar with the ‘insights’ category shown fully / un-collapsed?

I do not want it to load as collapsed.

<ul classname="sidebar__block"> <SidebarCategory title="Insights" icon="sun"> <SidebarLink title="Text Analytics" route="/insights/textanalytics" onClick={this.hideSidebar} /> <SidebarLink title="Metrics" route="/insights/metrics" onClick={this.hideSidebar} /> <SidebarLink title="Explore" route="/insights/explore" onClick={this.hideSidebar} /> <SidebarLink title="People" route="/insights/people" onClick={this.hideSidebar} /> <SidebarLink title="Compare" route="/insights/compare" onClick={this.hideSidebar} /> </SidebarCategory> <SidebarCategory title="Alerts" icon="alarm"> <SidebarLink title="Track Entities" route="/alerts/trackentities" onClick={this.hideSidebar} /> </SidebarCategory> </ul>

You are welcome! If the advice is helpful please rate EasyDev with stars:)

Best regards, Aspirity.

Just did!

Thank you!

hello,

We are working with the easyDev version 1.3.6. After updating the webpack dev server to the latest release, our app got an error at compile time saying cannot compile of undefined. As we can see a new version of easyDev is there, but the project structure is changed from the version we are using. How can we cope up with the problem?

Hi again,

Please, try to update ‘scripts’ and ‘config’ folders from the latest version of the template.

Best regards, Aspirity

Hi, I’ve done what you suggested but again it throws somw errors.

internal/modules/cjs/loader.js:582 throw err; ^

Error: Cannot find module ‘pnp-webpack-plugin’ at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15) at Function.Module._load (internal/modules/cjs/loader.js:506:25) at Module.require (internal/modules/cjs/loader.js:636:17) at require (internal/modules/cjs/helpers.js:20:18) at Object.<anonymous> (/home/gulshan/Devel/Creditap/Project/erp/config/webpack.config.dev.js:5:26) at Module._compile (internal/modules/cjs/loader.js:688:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10) at Module.load (internal/modules/cjs/loader.js:598:32) at tryModuleLoad (internal/modules/cjs/loader.js:537:12) at Function.Module._load (internal/modules/cjs/loader.js:529:3) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! Easydev@1.3.6 start: `node scripts/start.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the Easydev@1.3.6 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! /home/gulshan/.npm/_logs/2018-11-28T09_37_54_181Z-debug.log

Hi,

The error “Cannot find module” means that you have to install some module. So you have to install ‘pnp-webpack-plugin’. Commands: “npm install pnp-webpack-plugin—save” or “yarn add pnp-webpack-plugin”.

Best regards, Aspirity

Hi,

I have a question about your Admin Tool. I would like to use this admin to manage my Firebase FireStore app that has features like:

• Chat Room and 1-on-1 chat. • Contact Form. • Blog Content like Articles, Videos…CMS. • eCommerce • and more…

I would like to know if your admin tool can connect to a firebase app.

Do I have to be an expert in React.js and Node.js to configure the tool to work with my firebase databases?

Do you provide instructions on how to connect with Firebase Firestore tool?

Does admin tools support Firebase Firestore CRUD?

Regarding licensing, what if I need to use/connect the admin tool to multiple firebase apps or a mobile SaaS?

I am a mobile developer who focus mainly on iOS Objective-C and Swift. I’m slowing getting back into JS and React but don’t have time to learn all the Can I hire or pay extra for customization that is outside of support

Thanks

Hi,

Unfortunately, this template doesn’t include firebase yet and we don’t have an opportunity to include it or give you any instructions.

Best regards, Aspirity

Hi,

I have a question about your Admin Tool. I would like to use this admin to manage my Firebase FireStore app that has features like:

• Chat Room and 1-on-1 chat. • Contact Form. • Blog Content like Articles, Videos…CMS. • eCommerce • and more…

I would like to know if your admin tool can connect to a firebase app.

Do I have to be an expert in React.js and Node.js to configure the tool to work with my firebase databases?

Do you provide instructions on how to connect with Firebase Firestore tool?

Does admin tools support Firebase Firestore CRUD?

Regarding licensing, what if I need to use/connect the admin tool to multiple firebase apps or a mobile SaaS?

I am a mobile developer who focus mainly on iOS Objective-C and Swift. I’m slowing getting back into JS and React but don’t have time to learn all the Can I hire or pay extra for customization that is outside of support

Thanks

Hi,

Unfortunately, this template doesn’t include firebase yet and we don’t have an opportunity to include it or give you any instructions.

Best regards, Aspirity

Hi, is there any easy way to integrate EasyDev payment forms with Stripe payment /subscription gateway?

Hi,

Use special stripe library for react https://github.com/stripe/react-stripe-elements. It contains good docs for the installation and customization, but you have to customize it by yourself.

Best regards, Aspirity

Hi, where can I see a list of icons supported?

Does the /src/containers/Layout/sidebar/Sidebar.jsx get the icons from somewhere? Is there an exhaustive list where I can pick from?

’<SidebarCategory title=”UI Elements” icon=”diamond”>’

Self answered: Use the page here https://linearicons.com/free#cheat-sheet

Great!

Good luck, Aspirity.

I have got below the error from the browser console.I need to fix below errors.

1) react-i18next:: deprecation warning -> translate was renamed to “withNamespaces” to make it more clear what the HOC does.

2) Warning: Failed prop type: Invalid prop `children` of type `array` supplied to `ScrollToTop`, expected a single ReactElement.

Hello!

1) It’s the warning that notifies you, if you update library to the newest version, it will provoke conflicts with breaking changes (and the app would not run). Just check the freshest docs (https://react.i18next.com) and update your code if you want to update this library.

2) To resolve this issue just move the logic operation with ‘loaded’ before <Router/> in App.jsx. We’ll fix it in the next update.

Thank you for notification.

Best regards, Aspirity.

Hi, I want to buy your EasyDev Admin Template but I wonder if I buyed which version can i will download it. Which one v.1.4 or v1.3.7 ?

Dear Gurol,

Sorry we confused you, we’ve forgotten to change the theme preview, but we did it.  Be sure you will get the v1.4. of EasyDev.

Regards, Aspirity

Hi Aspirity,

I am looking at purchasing the Easy Dev dashboard, however, it states it supports IE11. I cannot get the page to load.

Is IE11 support now deprecated? I am happy to use polyfills but don’t want to purchase to find out it’s a nightmare to bring back IE11 support.

Thanks,

Hi,

Unfortunately, EasyDev doesn’t support IE11 after latest updates. We removed this browser from the support list.

Best regards, Aspirity

Hi, are there any particular things (charges, discounts, exclusions) to take into account when upgrading from a standard license to an extended license?

Hi,

We don’t know about any discounts, but we’ve reduced the extended license’s price and now it’s significantly lower.

Regards, Aspirity

Hello,

I want open the admin template in HTML How can i do that please? I am trying to open the template but i got a blank pages!!

I like The theme but cant use it

Hi,

Unfortunately, it is the React-based template and there is no HTML layout inside. You can install the template according to the instruction we’ve provided: http://previews.aspirity.com/easydev/documentation/installation

Best regards, Aspirity.

Hello, After installing the theme and opening a file, without editing any code and resaving the file, I got lots of bugs. I did nothing

Line 1: Strings must use singlequote quotes Line 2: Strings must use singlequote quotes Line 3: Strings must use singlequote quotes Line 4: Strings must use singlequote quotes Line 5: Strings must use singlequote quotes Line 6: Strings must use singlequote quotes Line 7: Strings must use singlequote quotes Line 8: Strings must use singlequote quotes Line 12: Missing trailing comma comma-dangle Line 18: Missing trailing comma comma-dangle Line 27: Missing trailing comma comma-dangle Line 59: Strings must use singlequote quotes Line 59: Strings must use singlequote quotes Line 64: Strings must use singlequote quotes Line 64: Strings must use singlequote quotes Line 104: Strings must use singlequote quotes Line 104: Missing trailing comma comma-dangle

I solved it, Was my Prettier extension.

Hi,

Happy to hear you’ve solved the problem!

Regards, Aspirity

Hi

Aspirity
Was dabbling with tables in the seed project. Copied the `Tables` and the `Shared` directories to the seed project.

Updated Router.jsx

const Tables = () => (
  <Switch>
    <Route path="/tables/basic_tables" component={BasicTables} />
    <Route path="/tables/data_table" component={DataTable} />
    <Route path="/tables/editable_table" component={EditableTable} />
    <Route path="/tables/material_table" component={MaterialTable} />
  </Switch>
);

const wrappedRoutes = () => (
  <div>
    <Layout />
    <div classname="container__wrap">
      <Route path="/pages" component={Pages} />
      <Route path="/tables" component={Tables} />
    </div>
  </div>
);

Getting the below err when accessing the table pages. Am I missing anything? Is there any documentation?

http://localhost:3000/tables/basic_tables

https://ibb.co/fVQobV
https://ibb.co/k9RTbV

Please help resolve this issue. Thanks in advance.

Hello!

Probably it happened because these pages contain react-i18next. You have to delete it or move the ‘translations’ folder into the seed. react-i18next docs: https://react.i18next.com/guides/quick-start.

Best regards, Aspirity

Hi author,

Am trying to dabble with the seed project. Getting the below lint error while trying to start the project.

Starting the development server…

(node:25328) [ESLINT_LEGACY_OBJECT_REST_SPREAD] DeprecationWarning: The ‘parserOptions.ecmaFeatures.experimentalObjectRestSpread’ option is deprecated. Use ‘parserOptions.ecmaVersion’ instead. (found in “node_modules\eslint-config-airbnb-base\index.js”) Failed to compile.

``` ./src/containers/LogIn/index.jsx Line 1: Strings must use singlequote quotes Line 2: Strings must use singlequote quotes Line 3: Strings must use singlequote quotes Line 4: Strings must use singlequote quotes Line 5: Strings must use singlequote quotes Line 15: Strings must use singlequote quotes ```

Hello!

These errors appears due to eslint. Did you change something in ./src/containers/LogIn/index.jsx?

Best regards, Aspirity.

Disabled eslint in `webpack.config.dev.js`. Was able to start the project.

Happy to hear the problem is solved.

Best regards, Aspirity

Hello,

I ran easydev seed project and copied some code from my other project to use it.

But I got so many syntax errors when I ran `npm start`.

They are working code and I don’t want to fix them all one by one.

Could you please let me know how I can ignore them and run the app?

These are some of errors I got from the code from other source.

Line 13: Unexpected function expression prefer-arrow-callback Line 13: Missing space before function parentheses space-before-function-paren Line 21: Unexpected string concatenation prefer-template Line 24: Unexpected string concatenation prefer-template Line 24: Missing trailing comma comma-dangle Line 25: Missing trailing comma comma-dangle Line 27: Unexpected function expression prefer-arrow-callback Line 27: Missing space before function parentheses space-before-function-paren Line 35: Missing trailing comma comma-dangle Line 44: Missing trailing comma comma-dangle Line 45: Missing trailing comma comma-dangle Line 47: Unexpected function expression prefer-arrow-callback Line 47: Missing space before function parentheses space-before-function-paren

Looking forward to hear from you asap.

Thanks.

Hello!

You’ve got these errors because the template uses eslint. It’s used for a code formatting. If you want to remove it just delete the next lines in webpack.config.dev.js:

{
  test: /\.(js|jsx)$/,
  enforce: 'pre',
  use: [
    {
      options: {
        formatter: require.resolve('react-dev-utils/eslintFormatter'),
        eslintPath: require.resolve('eslint'),

      },
      loader: require.resolve('eslint-loader'),
    },
  ],
  include: paths.appSrc,
},

Best regards, Aspirity

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey