685 comments found.
How do i show username after login?
Hi,
You may connect to api and get username separately or edit login call to retrieve username and carry it along the project with redux. That is up to you.
It would be also nice if you comment from an account which purchased the item.
Regards.
hello. can you show your react architecture ?
Hi,
You can check it here: http://gogo-react-docs.crealeaf.com/docs/getting-started/structureRegards.
hi! it seem the script for running the template does not work, i tried to exect npm install and npm start and i have this error.
10% building 1/1 modules 0 activeevents.js:167 throw er; // Unhandled ‘error’ event ^ Error: getaddrinfo ENOTFOUND localhost at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:58:26) Emitted ‘error’ event at: at GetAddrInfoReqWrap.doListen [as callback] (net.js:1477:12) at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:58:17)
Hi,
Please try another one of the projects since they use different port numbers. Maybe it is about the local server.
Also, if you are on a mac please take a look at this thread at stackoverflow. Might be a similar issue. https://stackoverflow.com/questions/35757799/webpack-dev-server-cant-find-localhostLet us know if these don’t solve the problem.
Thank´s it works for me using this guide https://stackoverflow.com/questions/35757799/webpack-dev-server-cant-find-localhost
.
Hi, I have a question regarding src/redux/chat/saga.js I noticed that when I increase the timeout in loadContactsAsync I get an error: “uncaught at loadConversations TypeError: Cannot read property ‘find’ of null” Since I will be using an API call to the backend, I assume it should handle 1.5 seconds wait time. Please let me know what you think.
const loadContactsAsync = async () => { let contacts = contactsData.data; const currentUser = contacts0; return await new Promise((success, fail) => { setTimeout(() => { success({ contacts, currentUser }); }, 1500); }) .then(response => response) .catch(error => error);
}
Thanks
Hi,
Thanks for letting us know about this problem and sorry about delayed reply. We tried to solve this with minimum code change so it took some time.
As you have seen, we just connected two async functions together assuming they will complete simultaneously. While we are getting conversations, we have made the mistake that contats are ready.
We have solved this by changing two files.
1. src/redux/chat/reducer.js
-Added “selectedUserId” to “INIT_STATE”..
const INIT_STATE = {
allContacts: null,
contacts: null,
conversations: null,
error: '',
searchKeyword: '',
loadingContacts: false,
loadingConversations: false,
currentUser: null,
selectedUser: null,
selectedUserId: null
};
-Changed “CHAT_GET_CONVERSATIONS_SUCCESS” return value.
case CHAT_GET_CONVERSATIONS_SUCCESS:
return { ...state, loadingConversations: true, conversations: action.payload.conversations, selectedUserId: action.payload.selectedUser };
2. src/routes/applications/chat.js
-A function call to set “selectedUser” at “componentDidUpdate” added.
if(this.props.chatApp.loadingConversations && this.props.chatApp.loadingContacts && this.props.chatApp.selectedUser==null)
{
this.props.changeConversation(this.props.chatApp.selectedUserId);
}
if (this._scrollBarRef) {
this._scrollBarRef._ps.element.scrollTop = this._scrollBarRef._ps.contentHeight;
}
}
This is it. Please let us know if you have problems with implementation.
Regards.
Hi, thank you for your fast reply and efforts to make it an easy fix! I will give it a try.
Thank you for your help. Your fix solved the problem!
That is great 
i had copied and run the template in my pc running on ubuntu but the app doesn’t start.it shows some modules to install and i had done everything as said,currently it is showing FAILED TO COMPILE WITH 0 ERRORS. node version 11.4.0 npm version 6.5.0 But on my macbook it worked perfectly with no errors using the same version on node and npm.
Hi,
Would you check your file structure please. There are two files on root of the project folder which start with a dot and they might be hidden and not copied.
.babelrc .eslintrc
Here is how structure should be: http://gogo-react-docs.crealeaf.com/docs/getting-started/structure
Regards.
Hi,
The mobile-menu-button does not showup in the singlepage-home
Thank’s
Hi,
It looks like working on our online demo here: http://gogo-react.crealeaf.com/singlepage-home
Maybe you have not imported simple-line-icons.css?
Regards.
Does the theme have any component wizard?
Hi,
No the theme does not have a component wizard.
Regards.
Hi,
I need a small help. I recently purchased the react version and suddenly realised that the plain vanilla html/css/js version would have been best for me.
Is it possible for you to offer me the same for free? You can cancel my purchase code for react version.
Hi, We have reached you via email providing how to proceed. Regards
Is HTML version available of that admin panel template?
Hello Author, I was trying to run the theme. It’s compiling. But the page is not rendering. While rendering its showing error “Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named imports. Check the render method of `Notifications`”.
Please help
Hi,
It is a common error of react which mostly occurs when an import or export has problem. Have you made changes on the project? If so please share Notifications file. If you have not made any changes and it is your first run, then please test it with another project(Gogo-React-Start or Gogo-React-Start-With-Auth) to see if it runs correctly.
Regards.
Hello,
Thank you for this nice project. Would you mind that adding upload component for new release? like dropzone or own component with progress bar.
Merhaba,
Güzel yorumunuz için teşekkürler.
Mevcut sürümde UI > Form Components sayfasında Fine Uploader kullanım örneğini bulabilirsiniz.
http://gogo-react.crealeaf.com/app/ui/form-components https://themeforest.net/downloads sayfasından bize memnuniyetinizi bildiren puan verirseniz seviniriz.Happy coding!
Selamlar,
Aaa görmedim, atlamıştım. Çok teşekkürler. Puanımızı hemen verdim. Harika bir çalışma, bravoo.
PS: Türkiye’den misiniz?
Merhabalar,
Güzel yorumlarınız ve puan için teşekkürler. Herhangi bir sorun yaşarsanız support@crealeaf.com üzerinden iletişime geçebilirsiniz. İyi çalışmalar dileriz.
PS: evet
Hi do yo guys provide Customization services?
Hi,
Sorry, we don’t provide any customization services.
Regards.
Hey, this is a great theme. I have a question:
As you might already know, defining CSS classes in React project will create global classes which can be used anywhere, but at times you need the styling to be applied to a particular component only and not globally. To get around this, in the “create-react-app”, I used to run “npm run eject” and then add the following code to CSS rule in modules inside webpack.config:
modules: true, localIdentName: ‘[name][local][hash:base64:5]’
After this, I could define my classes in a local CSS file and import them and as:
import { classes } from ”./SomeFile.css”; // Usage eg:
Is this possible to do in this theme? What config do I need to change to achieve this?
Thanks.
Hi,
Thank you for your kind words, we hope that you keep enjoying our theme.
As for the question, we really do not have experience about this particular issue but doing a search about it directed us to a possible solution. Maybe you should take a look.
As we understand, modules at css loader in webpack is false by default. You should set it first. https://github.com/webpack-contrib/css-loader/blob/master/README.md#modules Then comes css-modules part. https://github.com/css-modules/css-modules Here is the answer and question which we think might be helpful. https://stackoverflow.com/questions/47090574/how-to-make-react-css-import-component-scoped#answer-47090832Regards.
Thanks for the response. Highly appreciate you sending over the useful resources. I was mentioning about css-modules only. I was trying to see if it was possible to use them with your theme. Have tried a few things. No luck yet.
Do you have any suggestions as to how to keep the class names local to a file and not make them global? This is only in case I’m not able to get css-modules working with your theme.
Hi,
Thank you for your understanding. As i stated earlier we have not actually used it as you may see in our theme and can not point you to a certain answer.
I think best option is to make css-modules work since if i understand correctly create-react-app also started to support it: https://twitter.com/dan_abramov/status/953651118147604480
I only mentioned webpack since you need to make a configuration to make css modules work in case you might have missed it.
Please let us know if you can not make it work so we may take a look at it on monday.
Regards.
Yes, I got it working using the following code in webpack.config.js:
{ test:/\.css$/, use:[ MiniCssExtractPlugin.loader, { loader:”css-loader”, options:{ importLoaders:1, localIdentName:”[name][local][hash:base64:5]”, sourceMap:true, modules:false } } ] }
instead of:
{ test:/\.css$/, use:[ MiniCssExtractPlugin.loader, “css-loader” ] }
This works and I’m able to use css-modules but it leads to a new issue: “src/assets/css/vendor/bootstrap.min.css” stops loading and the entire UI goes for a toss.
I don’t know how to fix this.
P.S.: Pardon the code formatting. Don’t know how to format code in themeforest. Markdown doesn’t seem to be working.
The config used is actually:
{ test:/\.css$/, use:[ MiniCssExtractPlugin.loader, { loader:”css-loader”, options:{ importLoaders:1, localIdentName:”[name]_[local]_[hash:base64:5]”, sourceMap:true, modules:true, }, } ] }
Hi,
I think this config creates a single method for css files and global css files are omitted.
Here is an example to create two css rules and use one of them with a resourceQuery like file.css?raw.
https://github.com/css-modules/css-modules/pull/65#issuecomment-355078216This is not exactly what you are looking for but i think you may implement this logic with your current and earlier config and use css-module imports with a query.
Regards.
Thanks a ton. This works. Below is the final webpack config that did it for me:
{ test:/\.css$/, oneOf:[ { resourceQuery:/raw/, use:[ MiniCssExtractPlugin.loader, { loader:”css-loader”, options:{ importLoaders:1, localIdentName:”[name]_[local]_[hash:base64:5]”, sourceMap:true, modules:true, }, } ] }, { use:[ MiniCssExtractPlugin.loader, “css-loader” ] } ] }
Now, I’m able to use css-modules using:
import styles from ”./moduleName.css?raw”;
Even global css files like bootstrap are working. Thank you for the awesome support.
That is awesome, i am glad you have made it work. It is always nice to provide support for someone who is open minded and ready to try things.
Also thanks for sharing the config, someone will eventually need it.
By the way, I have missed it when you have mentioned on early comment about formatting. You can wrap your code in “code” tag. “pre” also works.
If you need any further assistance, please let us know.
P.S.: It would be really nice for us if you can give us a review whenever you have time: https://themeforest.net/downloads
Regards.
I bought this with clueless that the page placed at the live demo is not included in the package. :’(
Hi,
It will be available in couple of days with some extra pages like jQuery version has, so please wait for our update. http://dore-jquery.crealeaf.com/LandingPage.Home.htmlRegards.
Hi,
Landing page is available if you are still interested.
You may check it under Landing Page menu item: http://gogo-react.crealeaf.com/
Regards.
Hi,
I have installed gogo react at disfrut.app, following all steps from Documentation and without errors, everything allright, but once I have installed, when I go to some page (some of them does not charge) and I refresh, a 404 error appear.
I have the app on dedicated server, so, if you need some acces, ask for it.
Thank you
Hi,
I checked the url and there seems to be two problem.
One of them is about list pages. They are trying to connect our api which is on http. Since yours is https, page throws an error which you can see on developer tools console.
Second one is about server config. Since this is a single page application, all urls need to point to root so javascript can decide which page to show. You need url rewriting that points every url to root. How to do is differs by server type so you should do some searching.
Regards.
Hi,
How can I find the file to change this http to https? I need to use app with SSL…
Secondly, how can I do this redirection? with htaccess? if yes, what code I have to insert into .htaccess?
Thank you
Hi,
It is not necessary for you to change http since it is a demo data and you should implement your own api or data system.
Htaccess settings should look like following but you can search and find it very easily if you have problems. It is quite outside of our support scope.
RewriteEngine On RewriteBase / RewriteRule ^index\.html$ – [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]
Regards.
Hi,
Can I use this react admin for building LMS?
Thanks,
Hi,
It is possible to create any type of service with our theme but amount of work should be done might differ.
License might need to be extended if users are charged to use it.
Regards.
Hello Team,
Can you detail about component NotificationManager and his use on reducer?
On the provide template I had the following comment on /src/redux/auth/reducer.js:
notify.success(‘Register User Success’);
But no imports or example on how this is supposed to work.
Thanks
Hi,
The one you found is a commented out code which we forgot to delete, sorry about that.
You may find usage example at src/routes/ui/alerts/index.js file. Parameters are:
(message, title, timeOut, onClick, priority, customClassName)
Regards.
Hi , How i can implement it on wordpress?
Hi,
We have no experience in Wordpress to provide guidence, sorry about that.
Regards.
Hi,
Can you please provide us svg format of icons mind icon pack? We would like to use it in our mobile application.
Hi,
Please drop us a line at support@crealeaf.com so we can send you the files.
Although i think you should consider purchasing another license since Gogo only provides you the license for single project.
Regards.
