Hi,

Thanks for the appreciation.

If you have menu Features and Showcase, please make sure you have div with id “feature” and “showcase” as well.

Regards.

Hi, Dandelion uses doesn’t has backend function like Enlite Prime. It uses dummy data that are stored as local variable.

Regards.

Hi,

You can find the theme settings in app/containers/App/ThemeWrapper.js

And you can remove the components <TemplateSettings> there.

Regards.

Hi Adam Daniel,

Thanks for purchasing and the appreciation.

For static site deployment It should be just copy images/ and favicons/ to the build/ folder. So may I know your vercel deployed link? so I can investigate.

Regards.

the site is at newcryptos.io

I am deploying to vercel via github, and the path on git is

build/images/[subfolder]/[image]

I just tested the same build on Netlify and it worked perfectly.

This is obviously a Vercel issue. I am going to use Netlify instead to make life easier.

Thank you again for the prompt response, it is appreciated.

Hi rhonalejandro,

Thanks for the appreciation and the info.

Ok noted, I will check the code and add it to the todo list.

Regards.

Hi, here is the guide link to migrate redux toolkit https://redux.js.org/usage/migrating-to-modern-redux

I just start migrate to redux toolkit. Many changes needed and need more research. The estimation finish between August or Sept.

I started with starter-project, and here’s the latest update https://github.com/ilhammeidi/dandelion-starter/blob/rtk/app/redux/configureStore.js

Hi,

For Template theme settings you can copy in dandelion-pro/app/components/TemplateSettings/

Then use it in app/containers/App/ThemeWrapper.js same like in dandelion-pro version

<TemplateSettings
            palette={paletteState}
            selectedValue={color}
            mode={mode}
            gradient={gradient}
            decoration={decoration}
            bgPosition={bgPosition}
            layout={layout}
            direction={direction}
            changeTheme={handleChangeTheme}
            changeRandomTheme={handleChangeRandomTheme}
            changeMode={handleChangeMode}
            changeGradient={handleChangeGradient}
            changeDecoration={handleChangeDecoration}
            changeBgPosition={handleChangeBgPosition}
            changeLayout={handleChangeLayout}
            changeDirection={handleChangeDirection}
          />

And mostly props are obtained from reducer states and actions

Regards.

Hi, can you help me how to add more color options in theme setting like the pro template.

please check the image below.

Hi,

For color palette you can add in

Dark mode color: app/api/palette/darkPalette.js

Light mode color: app/api/palette/lightPalette.js

And register the new color in app/redux/modules/ui.js in

const initialState = {
  palette: [
    { name: 'New Color', value: 'newColorTheme' },
  ]
}

And please make sure the ‘value’ in ui initialState same as object in the app/api/palette/[dark/light]Palette.js

regards.

Hi BKB1997,

For loading, in public/ folder please try to copy the images/ and favicons to your build/ folder.

And for images warning in /app/api/images/photos.js change all ‘http’ to ‘https’

Regards.

Hi,

Please check in app/containers/pageListAsync.js and please make sure you have create variable Error, Maintenance, ComingSoon, etc and export them as well.

export const Error = loadable(() =>
  import ('./Pages/Error'), {
    fallback: <Loading />,
  });
export const Maintenance = loadable(() =>
  import ('./Pages/Maintenance'), {
    fallback: <Loading />,
  });
export const ComingSoon = loadable(() =>
  import ('./Pages/ComingSoon'), {
    fallback: <Loading />,
  });

Regards.

Hi, in file .npmrc please add or uncomment loglevel=silent

Regards.

Just ask to customer support

Hi, Thanks for the reported issue.

To fix it in /app/app.js line:69 Remove root.unmount();

I will update it soon.

Regards.

Ok go ahead, please request a refund

I’m waiting your refund request form

Hi, here is the redux toolkit docs migration https://redux.js.org/usage/migrating-to-modern-redux

And react router 6 https://reactrouter.com/en/main/upgrading/v5#refactor-custom-routes

I will also figure out about redux toolkit and react router v6 implementation. if it doesn’t take many changes and no major issues, i will update on April

Regards.

Sorry I don’t have typescript version and I’m not expert with typescript

Hi,

1. For the list sidebar only support for 2 levels nested menu. I will try to make it more child-compatible and let you know when any updates. For deeper tree menu material ui has a new component https://mui.com/x/react-tree-view/#basic-tree-view, but it seems not as advanced as <List /> components

2. For the other menu options you can find in app/redux/modules/ui.js You can check in the docs https://ilhammeidi.github.io/dandelion-docs/#layout

const initialState = {
  /* Settings for Themes and layout */
  // rest-code
  layout: 'left-sidebar', // big-sidebar, left-sidebar, top-navigation, mega-menu
}

Regards.

Hi ilhammeidi Any updates, to big-sidebar configuration allowing more than 2 levels, in the upcoming version of the template?

Thanks SD

Hi 1bizautomation,

I’m not sure for big-sidebar can handle more than 2 levels, but for the regular sidebar is possible for many levels.

I tried with this in app/redux/modules/ui.js

case OPEN_SUBMENU: {
      // Set initial open parent menu
      const activeParent = setNavCollapse(
        getMenus(MenuContent),
        action.initialLocation
      );
      // Once page loaded will expand the parent menu
      if (action.initialLocation) {
        draft.subMenuOpen = [activeParent];
        const path = action.initialLocation.split('/');
        if (path.length <= 3 && action.initialLocation !== '/app') {
          draft.sidebarOpen = false;
        }
        return;
      }
      // Expand / Collapse parent menu
      const menuList = state.subMenuOpen;
      if (menuList.indexOf(action.key) > -1) {
        draft.subMenuOpen = [];
        const index = draft.subMenuOpen.findIndex((obj) => obj === action.key);
        draft.subMenuOpen.splice(index, 1);
        console.log(action.key);
        console.log(draft.subMenuOpen);
      } else {
        draft.subMenuOpen = [action.key, action.keyParent];
        draft.subMenuOpen.push(action.key);
        // draft.subMenuOpen = [action.key, action.keyParent];
      }
      break;
    }

It’s works but the ui style will mess, so I will keep this feature as it is currently. I suggest to separate menu if more than 3 levels.

Regards.

Hi,

"start": "cross-env NODE_ENV=development HTTPS=true&&SSL_CRT_FILE=cert.pem&&SSL_KEY_FILE=key.pem node server",

This template uses express js for server, if the method above doesn’t works, please try by add the ssl config with express server or webpacke

Express:

- File: server/index.js or middlewares/addDevMiddlewares.js

- Ref: https://adamtheautomator.com/https-nodejs/

Webpack

- File: internals/webpack/webpack.dev.babel.js

- Ref https://gist.github.com/Grawl/bd0096b49276934c807b4a74088b081c

Regards.

Please try to remove all about the react-calendar and unsupported packages. Sometimes not all plugins works with next.js together.

I tried this method too but then it showed same thing with react-clock and so on..

When I created Luxiren, I copied one by one the components and the plugins, not all at once. It should make debuging and error tracing easier. Or you can keep the Dandelion default structure without next.js, because the admin dashboard is more suitable with SPA structure rather than SSR.

Here’s the reference for PWA https://blog.logrocket.com/building-pwa-react/

And here’s for Service Worker config in Dandelion https://ilhammeidi.github.io/dandelion-docs/#offline