115 comments found.
All components get re-rendered when toggling sidenav, is there a fix to this? It hits the performance of the app really hard.
We will make an enhancement for this issue on next update.
Beautiful work, Nate! Thanks for your hardwork and time! Can’t wait to try it out. 
Thanks for your appreciate, please feel free to contact us if you encounter any issue.
Hey Nate! I’ve had a good 2 weeks to test your template. I loved the clean design, thorough documentation and wide use cases that you offered! Brilliant work!
However, I’d like to point a concern that seems to hinders the development workflow majorly:
Ant Design uses ONLY .less where you’ve used .scss. Ideally for a production build, we’d do something like
@import “ant/Form/index.less” @import “emilus/Form/index.less” etc.
to build an optimized bundle containing only CSS we require. However, since there is a difference in the source language. This makes cheery picking import impossible!
The end result is a massive bundle that takes immense time to load (which I’m sure you’ve noticed) and bundle. Since we have to load EITHER all of antd.min.css or ALL your .scss. This is a big concern of bloating.
Do you think you’d be able to create a .less version as well to circumvent this project? We’d be happy to pay you more for the update!
Thanks again for your work! Look forward to hearing from you.
Hi, thanks for you feedback, we have assigned the restructure to our update roadmap.
Thanks! Eagerly look forward to it! 
Mobile menu on iPhone 7 isn’t showing sidenav elements, both on Safari and Chrome. Works on Samsung S9 tho.
EDIT: I updated the src/assets/scss folder after update, are there any more files I should update maybe?
EDIT2: Found out I should’ve replaced the h-100 className with mobile-nav-menu, in MobileNav layout-component.
Yes, we use height with offset instead of height 100% to fix this issue.
Production build won’t display any images, is there a fix?
Hi, try to check on your images directory path in production site.
Fixed it by adding process.env.PUBLIC_URL before the path. Is there a more neat way to fix this?
Hi, maybe you can set a “homepage” in pakage.json for your root url.
Hi, i think for buy it but SideBar Admin Menu Collapse is very Laggy / Delay. Do you will fix it? Some areas laggy.
Hi, side nav will look laggy when developer tools are open, we will make some optimization for this issue.
Hello sir, I want HTML template of this. can I get that?
I want to use this with codeignator
Unfortunately, only react version available in current version.
This is one of the best documented and coded themes I have ever purchased on Themeforest. Thank you for doing such a thorough job.
Thanks for your appreciation!
Really nice design btw, congrats
Thank you!
Is there a TypeScript version of this? Or will be there one in the future? Thanks in advance.
Anyway, I’ve started migrating it to TypeScript myself, it’s easy since most of the components have propTypes. Kudos!
Thanks for your appreciated, if you have any typing issues on our components, please feel free to query.
sidebar toggle is kinda laggy, will this get fixed in the future ?
We will try to make some optimization.
How do I get notified when a new update comes? Also, how do I pass the <IntlMessage/> component to Modal.confirm.title(ant design)
Hi, notification will send to your mailbox when update is release.
Modal.confirm.title accept both string & ReactNode, you can place <IntlMessage/> to title prop, but it must wrap by <IntlProvider />, since modal was render outside at the root wrapper.
The entire app is obviously inside <IntlProvider/> since I’m using the starter boilerplate, I’m still getting the error though when placing the <IntlMessage/> as a prop to Modal.confirm({title}), (works fine for other components) : “Uncaught Error: [React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry”
Thanks for your attention. I’m looking forward to your reply.
import IntlMessage from 'components/util-components/IntlMessage';
import AppLocale from "lang";
import { IntlProvider } from "react-intl";
const currentAppLocale = AppLocale['en'];
function showConfirm() {
confirm({
title: (
<IntlProvider
locale={currentAppLocale.locale}
messages={currentAppLocale.messages}>
<IntlMessage id="home" />
</IntlProvider>
),
content: "Some descriptions",
onOk() {
console.log("OK");
},
onCancel() {
console.log("Cancel");
}
});
}
Thanks a bunch for your reply! It helped!
You’re welcome
How does the EditProfile component work? Why does the EditProfile component (account settings) have an avatarEndPoint? How to make the Upload ant-design component just upload the file locally and not make a POST Request, tried deleting action attribute, it still makes a POST Request on my machine.
avatarEndPoint in EditProfile is just for demo purpose, in actual app, it may need to replace by your api endpoint.
You can use beforeUpload prop returns a false statement to prevent auto upload. Example & details can be found in upload component demo.
Incredible design. have a good sale
Thank you!
Hi can you discount for me? i want be first 10 customers. But I have 17$ credit and enato add new fees on older. So if his item 13$ > i can buy instant
Congratulations! Nice Work, GLWS
Thank you!
Do you have a sketch or figma file so we can do design mockups before going into dev?
Hi, temporary there’s no prototyping files included in this template.
Nice work, GLWS
Thank you!
Wow nice work….best of luck with sales
Thank you!
