Hi 1absolute,

Thanks for purchasing.

You can take out the react components and install related dependencies, then attach to your project.

Here’s the main elements:

- Components: app/components

- Containers: app/containers

- Styling: app/styles.

- Static assets: public/

- For alias config (dan-components, dan-api, etc): /internals/webpack/webpack.base.babel.js

Feel free if you have any further queries.

Regards.

Hi physisio,

This template support for 64bit os and node.js from v10 – 14(latest stable version).

Regards.

Hi angeluszero,

The app.js actually is not react component, it just a js function to render the components. You can try to create AppProvider like you mention above (https://github.com/rt2zz/redux-persist/blob/558a3190f11f1a8a8024dc51ab6941382dfeed1d/docs/recipes.md#delay-render-until-rehydration-complete) as wrapper components and change the <App /> to children

return (
      <Provider store={store}>
        {props.children}
      </Provider>
    )

And imported in app/app.js

import AppProvider from './path/AppProvider';

ReactDOM.render(
    <Provider store={store}>
      <LanguageProvider messages={messages}>
        <ConnectedRouter history={history}>
          <AppProvider>
            <App />
         </AppProvider >
        </ConnectedRouter>
      </LanguageProvider>
    </Provider>,
    MOUNT_NODE,
  );

Hope this can help.

Regards.

I am not sure. Do i have to use provider and store in both apps.js and AppProvider? I create store in both places and use persiststate in both configurestore and Appprovider too? Doesn’t seem right. I tried this below and it doesn’t work, won’t render anymore }

import React, { Component } from 'react';
import { Provider } from 'react-redux';
import configureStore from './redux/configureStore';
import { persistStore } from 'redux-persist';
import history from 'utils/history';
import immutableTransform from 'redux-persist-transform-immutable';

const initialState = {};
const { store } = configureStore(initialState, history);

export default class AppProvider extends Component {
 constructor() {
   super();
   this.state = { rehydrated: false };
 }

componentWillMount() {
  persistStore(
    store,
    {
      transforms: [immutableTransform()],
    },
    () => {
      this.setState({ rehydrated: true });
    },
  );
}

render() {
  if (!this.state.rehydrated) {
    return  Loading... ;
  }
  return <Provider store={store}>{this.props.children}</Provider>;
}

It’s quite complex for us, so we need time to handle this issue. We will try to give an info or updates as soon as possible.

Regards.

Hi Usman_9696,

Thanks for visiting our portfolio.

This template still use react class. We will upgrade to hooks soon.

so if I purchase this can I get Updated version in future?

Hi Usman_9696,

Yes you can get lifetime update for free after purchase the template

I tried saving the state to localStorage but even that gets reset. I can’t figure out why. Every time i refresh the page everything gets reset including switching to dark mode etc. How do i prevent that from happening? Right now as a workaround i set the user info to localstorage after login so i can use that but i’d like to be able to use state instead.

Hi angeluszero,

The state is uses in front-side, once reload all will be reseted. You can try https://www.npmjs.com/package/react-simple-storage to store state in localStorage.

Regards.

Hi there, we will not change the default theme.

Hi angeluszero,

Thanks for purchasing.

For redux structure and template structure please check https://ilhammeidi.github.io/dandelion-docs/#code_architecture And about auth page here’s the related files

- Component: app/components/Forms/LoginForm.js

- Containers: app/containers/Pages/Users/Login.js

- Reducer: app/redux/modules/login.js

- Action: /app/redux/actions/reduxFormActions.js

This template is front-end only, for api integration you can refer to this example https://github.com/cornflourblue/react-redux-registration-login-example/tree/master/src

Hope this can help.

Regards.

Hi lokeshbr,

To do that please open app/containers/Templates/Dashboard.js You can add url exception in array

const titleException = ['/app', '/app/crm-dashboard', '/app/crypto-dashboard'];

around line:69

Hope this can help.

Have a nice day.

I tried this its not working for the URL which have params Ex: path=”/app/participant-activity-report/:id”

Hi lokeshbr,

For url contain dynamic param, you can use string checking to check url by using include. https://www.w3schools.com/jsref/jsref_includes.asp

In Templates/Layout i.e LeftSidebarLayout.js

{(titleException.indexOf(history.location.pathname) < 0 || history.location.pathname.includes('participant-activity-report')) && (
  // render component              
)}

Hope this can help.

Have a nice day.

Hi mayankvrg,

Thanks for purchasing.

The build apps still need some folders and files to run, like node_module, public, package.json etc. So we suggest to push all folders and files to server and try npm run start:prod

Hope this can help. Feel free if you have any further queries.

Regards.

I uploaded all folders and files as you suggest and after that run command `npm run start:prod` but it did not work, terminal prompt me http://localhost:3001 this url.

Hi mayankvrg,

That’s mean your app already running. To check it, please try go to http://[your-ip-address-or-domain]:3001

Regards.

Hi lokeshbr,

Here’s the sample source for redox form, remote submit https://codesandbox.io/embed/ElYvJR21K?codemirror=1

Hope this can help.

Regards.

HI edmund0202,

You need to create .env file and populate it.

1. # .env REACT_APP_DUMMY = http://localhost:1234/api/v1 Here is interesting this is much easier now. On this file you just have to add the key-value pair you set up on your .env file : /internals/webpack/webpack.base.babel.jswebpack.base.babel.js

new webpack.EnvironmentPlugin({
  NODE_ENV:  process.env.NODE_ENV
  API_BASE_URL: process.env.NODE_ENV
  // ...rest
});

like this https://github.com/react-boilerplate/react-boilerplate/blob/d19099afeff64ecfb09133c06c1cb18c0d40887e/internals/webpack/webpack.base.babel.js#L114-L116

2. You have to install env-cmd and edit the start script. Basically it will just make the values you define inside env file available.

3. start: cross-env NODE_ENV=development env-cmd .env node server

4. On you application you can now access values from your .env using process.env.

And here’s the discussion about this https://spectrum.chat/react-boilerplate/general/how-to-handle-different-environment-configurations~eb8650f8-f036-4db3-89b4-4f100e966a18

Regards.

Hi lokeshbr,

Thanks for purchasing.

The Wysiwyg editor unfortunately is not support for redux form because the component doesn’t contain input form, mean made with div element. So to initial value only can filled from local state, like example in /app/components/Email/ComposeEmailForm.js

If you’re using reducer, you can get the value then use convertFromRaw method in local state.

Hope this can help. Feel free if you have any further queries.

Regards.

ok thank you

Hello.

We just replied to your email.

Regards.

Hi lokeshbr,

Thanks for purchasing.

About that error ussually because there’s a missing imported component. Please make sure to import and export the components correctly. In example:

1. Register to dan-components (components/index.js) - in AComponent.js export default AComponent

- Register In components.index.js => export AComponent from './Path/AComponent';

- To use it:

import { AComponent } from 'dan-components'

2.Use component directly

- in AComponent.js export default AComponent

- in BComponent.js export B1Component; export B2Component; export default BMainComponent

- To use it:

import AComponent from 'Path/AComponent'
import {B1Component, B2Component} from 'Path/BComponent'
import BAlias from 'Path/BComponent' // will import default BMainComponent from BComponent,js

Hope this can help. Feel free if you have any further queries.

Regards

Hi medFateh,

Thanks for purchasing.

As document said, after build finish then when you access it on local, all of the assets will be stored in local storage. That mean need to clear in local development in case you test the build result in local. So for next development will able to see the changes correctly.

Anyway to disable offline cache please follow this docs https://github.com/react-boilerplate/react-boilerplate/blob/master/docs/general/remove.md

And this for the alternative way by use ServiceWorker configuration, https://github.com/NekR/offline-plugin/blob/master/docs/updates.md

If your production site still not deliver the updates, maybe it because every built result has a different hash code which is called in index.html. So you can try to uncache the index.html only. Here’s an article to guide by using nginx https://www.zeolearn.com/magazine/setting-caching-headers-for-a-spa-in-nginx-cache

Hope this can help. Feel free if you have any further queries.

Regards.

Hi yudhafebrian, Terima kasih telah membeli template kami.

Biasanya itu karena Anda mengakses API secara lokal. Inilah artikel tentang masalah CORS di browser https://www.thepolyglotdeveloper.com/2014/08/bypass-cors-errors-testing-apis-locally/

Semoga ini bisa membantu. Jangan ragu jika Anda memiliki pertanyaan lebih lanjut.

Salam.

Hi e-target,

Thanks for purchasing,

The crypto dashboard is in app/containers/Dashboard/CryptoDashboard.js and for the rest pages you can find by start from the routing in app/containers/App folder

Hope this can help. Feel free if you have any further queries.

Kind Regards.

No, we just looked and there are no files in these paths, link to the print below:

https://www.etarget.inf.br/print.png

Hi e-target,

It seems your screenshoot is from another project, that is starter-project, the minimal version of dandelion. The complete version like the online demo is in dandelion-pro folder, so please check the file packages again. Also please make sure the zip file from themeforest has extracted successfuly. Or you can re-download from your dashboard again.

The template packages, should be containing folders dandelion-pro, starter-project, documentation, and free-bonus.

Regards.

Hi lokeshbr,

Thanks for purchasing.

In this template, redux handle state for UI and sample apps. So without redux this template need some adjustment. For example you have to fill all the props values by hard coded and create new local function to manage the state I.e in /app/containers/Templates/Dashboard.js

state = {
  sidebarOpen: true
}

toggleDrawer = () => {
  this.setState({ sidebarOpen: !this.state.sidebarOpen });
}

<LeftSidebarLayout
toggleDrawer={toggleDrawer}
             sidebarOpen={this.state.sidebarOpen}
              mode="light" 
              gradient="true" 
              deco="true" 
              bgPosition="half" 
             ...rest
            >

Feel free if you have any further queries.

Regards.

Thanks a lot!

am i going to be able to use it in components like PapperBlock <PapperBlock title=”Income” icon=”ion-social-usd-outline” >

Hello again,

Awesome! We’re not migrate the ionicons font usage in PaperBlock components yet. So the PaperBlock still use react-iconicons. For the react-ioncons name list please check https://zamarrowski.github.io/react-ionicons/

Regards.