684 comments found.
I’m having an issue deploying the application. My package.json homepage is set to https://tep.bpu.mybluehost.me/art_fe/
However, I’m getting 404 errors for css and images as it is looking for the path WITHOUT art_fe.
The website is online so you can review its files.
Hi,
Serving a React application in a subdirectory is often time consuming and tedious as in your example.
The following guidelines will be enlightening: https://stackoverflow.com/a/58508562/9566526All the best.
I’ve tried to compile and run your base demo on several system and I get so many errors about library conflicts and others.
The one I get the most is the following:
To import Sass files, you first need to install node-sass. Run `npm install node-sass` or `yarn add node-sass` inside your workspace. Require stack: - /usr/local/lib/node_modules/react-scripts/node_modules/sass-loader/dist/getDefaultSassImplementation.js
Purchase Code: 1325461a-f5b6-49d7-a525-5971636318f1
Thank you.
Hi,
Please share your node and npm versions so that we shall try to replicate the problem.
Also, please check out the answer here if you haven’t: https://stackoverflow.com/questions/58769580/to-import-sass-files-you-first-need-to-install-node-sass
I’ve tried most of those types of solutions already without success.
I’ve tried a few versions however mostly:
node 16.3.0 node 15.0.0 npm 7.15.1
Also
react-scripts 3.2.0 react-scripts 3.0.0
I can use whatever versions are required if you have a list. Thank you.
Hi,
Node version should be the problem. We had couple of users with problems who are not using current version of Nodejs. Please try uninstalling Node and installing 14.x.x version. There are lots of packages in the project and some of them does not support latest Node version yet.
Hi, i want to buy this package and i have a question, does your React components are Functional or Class components ?
Hi,
They are functional components and they use hooks.
Regards.
Hi,
Please can we get Figma format of Gogo-react? We are not able to work with PSD. It would be of great help. Looking forward to your reply.
Thank you so much. We love the template! 
Have a nice day!
Hi,
It’s really nice to hear that you love the template, thanks for that.
As for the design files, we only work on them for the concept at the very beginning of the project so unfortunately we won’t be working on any addition to design part.
All the best.
I am using reactjs and i get this wonderful theme. but i am facing issue of implement to my exist project.
I am asking help to get benefit of this. I tried my best but not working
anyone can help please contact me through email : aljamhi901@gmail.com
Good morning, When I try to use SliderTooltip, I have this error Unable to preventDefault inside passive event listener invocation. The same error in your demo
Hi,
Although I do not fully understand your question; I looked through the slider examples and saw that the onChange event does not return an event, it just returns the current value (number). If you check what the event you are listening to returns, you can find a solution.
All the best.
I am trying to replicate your GlideComponent example. However, I’m not achieving the same look:
This is how it looks on the demo (navigation beneath cards): https://ibb.co/sHbVMND
This is my result (navigation overlapping the cards): https://ibb.co/7yw39QfMy code below. It should be a replica of the code on your demo. And I tried it on a fresh page so there shouldn’t be any other css interfering.
<GlideComponent settings={{ gap: 5, perView: 3, type: ‘carousel’, breakpoints: { 600: { perView: 1 }, 1400: { perView: 2 }, }, }} > <Card className=”flex-row”> <CardBody>
1
</CardBody> </Card>
<Card className="flex-row">
<CardBody>
2
</CardBody>
</Card>
</GlideComponent>3
</CardBody> </Card> <Card className=”flex-row”> <CardBody>4
</CardBody> </Card>Hi,
Your problem seems to be a bit of a styling issue. Not sure, but could you try importing the following styles? Also, if the GlideComponent’s appearance on the screen is subject to a condition, you can prevent rendering before that condition occurs. I mentioned it in your previous comment.
Conditional rendering:
{activeTab === 'CUSTOM_TAB_ID' && (
<GlideComponentThumbs
settingsImages={......}
settingsThumbs={.....}
/>
)}
Style files
import '@glidejs/glide/dist/css/glide.core.min.css'; import '@glidejs/glide/dist/css/glide.theme.min.css';
All the best.
Hello, how are you?
How to include typescript in template react gogo-react-start-with-auth?
Thank you!
Hi,
The project does not use typescript in its current state. Unfortunately, we are not very experienced in TS. Therefore, I do not think that I can make the correct orientation.
All the best.
I have noted that the GlideComponent does not work properly when nested inside a TabPane (i.e., in a tab control). The buggy behaviour is that the contents of the GlideComponent become invisible (sometimes they become visible when I open Chrome developer tools). Do you have a solution for this?
Hi,
There is an example of using glide in the tab on the following page. This example will be instructive.
https://gogo-react.coloredstrategies.com/app/pages/product/details-altAll the best.
I cannot locate the GlideComponent in that page. Can you point me to it?
Hi,
The code example below will help you.
<TabPane tabId="orders">
<Orders />
{activeTab === 'orders' && (
<GlideComponentThumbs
settingsImages={......}
settingsThumbs={.....}
/>
)}
</TabPane>
All the best.
The code you mention is spread across two pages. The TabPane with id orders is in details-alt.js while GlideComponentThumbs is used in details.js. I downloaded the latest version of the theme to be certain that we’re talking about the same version. Even in the link you provided, I cannot visually see a GlideComponent being used in a tab page (there’s no navigation).
I also tried combining the two myself but I got the same buggy behaviour I first reported. GlideComponentThumbs, just like GlideComponent, does not display properly inside a tab pane.
Hi,
You are correct that there is no glide instance on the page I mentioned in my first answer. I misdirected because it came to my momentary distraction. I’ve repeatedly tested the code example in my second answer and I see it working. I can say that with conditional rendering the problem is solved.
<TabPane tabId="CUSTOM_TAB_ID">
{activeTab === 'CUSTOM_TAB_ID' && (
// component should be moved here
<GlideComponentThumbs
settingsImages={......}
settingsThumbs={.....}
/>
)}
</TabPane>
All the best.
Hi,
I hope you are well.
Thank you for this amazing template which I’ve used for my application. I only have one issue.
I have used the templates for line and area charts which work well when I’m in development, when I run yarn start. When I build into production, I get the following error when I try both area and line charts.
What could be the issue?
Uncaught TypeError: o.a.controllers is undefined b Area.js:15 zl React unstable_runWithPriority scheduler.production.min.js:18 React 4 unstable_runWithPriority scheduler.production.min.js:18 React 2 I scheduler.production.min.js:16 onmessage scheduler.production.min.js:12 Area.js:15:8 b Area.js:15 zl React unstable_runWithPriority scheduler.production.min.js:18 React 3 ml self-hosted:1225 Qo React unstable_runWithPriority scheduler.production.min.js:18 React 2 I scheduler.production.min.js:16 onmessage scheduler.production.min.js:12
Hi,
Since we did not get any errors in the demo, there may be a problem with your data or when you are processing your data.
If you review these two steps and the problem persists, if you provide feedback with your code sample, we can examine it in detail.
All the best.
suggest !! please use and document this https://firebase.google.com/docs/firestore/solutions/role-based-access in you awesome app
Hi,
We will take your suggestions into consideration. Thank you for your attention.
All the best.
params in react-router-dom show error page
Hi,
We have released a version update. When you download the current version, there will be no problem.
All the best.
Hi I am trying to start the react start with auth, (Yarn install has been done without errors) and I receive these error messages
Failed to compile src/components/carousel/GlideComponent.js Line 50:5: Definition for rule ‘react-hooks/exhaustive-deps’ was not found react-hooks/exhaustive-deps
src/components/common/ColorSwitcher.js Line 1:1: Definition for rule ‘react-hooks/exhaustive-deps’ was not found react-hooks/exhaustive-deps
src/components/common/react-notifications/Notification.js Line 1:1: Definition for rule ‘react-hooks/exhaustive-deps’ was not found react-hooks/exhaustive-deps Line 2:1: Definition for rule ‘jsx-a11y/click-events-have-key-events’ was not found jsx-a11y/click-events-have-key-events Line 3:1: Definition for rule ‘jsx-a11y/no-static-element-interactions’ was not found jsx-a11y/no-static-element-interactions
src/containers/navs/Topnav.js Line 1:1: Definition for rule ‘jsx-a11y/click-events-have-key-events’ was not found jsx-a11y/click-events-have-key-events Line 2:1: Definition for rule ‘jsx-a11y/no-static-element-interactions’ was not found jsx-a11y/no-static-element-interactions
src/helpers/authHelper.js Line 45:1: Definition for rule ‘import/prefer-default-export’ was not found import/prefer-default-export
src/redux/actions.js Line 1:1: Definition for rule ‘import/no-cycle’ was not found import/no-cycle
src/redux/auth/actions.js Line 1:1: Definition for rule ‘import/no-cycle’ was not found import/no-cycle
src/redux/chat/actions.js Line 1:1: Definition for rule ‘import/no-cycle’ was not found import/no-cycle
src/redux/menu/actions.js Line 1:1: Definition for rule ‘import/no-cycle’ was not found import/no-cycle
src/redux/settings/actions.js Line 1:1: Definition for rule ‘import/no-cycle’ was not found import/no-cycle Line 5:1: Definition for rule ‘import/prefer-default-export’ was not found import/prefer-default-export
src/redux/store.js Line 10:1: Definition for rule ‘import/prefer-default-export’ was not found import/prefer-default-export
src/redux/surveyDetail/actions.js Line 1:1: Definition for rule ‘import/no-cycle’ was not found import/no-cycle
src/redux/surveyList/actions.js Line 1:1: Definition for rule ‘import/no-cycle’ was not found import/no-cycle
src/redux/todo/actions.js Line 1:1: Definition for rule ‘import/no-cycle’ was not found import/no-cycle
src/views/home.js Line 247:8: Definition for rule ‘jsx-a11y/click-events-have-key-events’ was not found jsx-a11y/click-events-have-key-events Line 247:8: Definition for rule ‘jsx-a11y/no-static-element-interactions’ was not found jsx-a11y/no-static-element-interactions Line 387:16: Definition for rule ‘jsx-a11y/click-events-have-key-events’ was not found jsx-a11y/click-events-have-key-events Line 387:16: Definition for rule ‘jsx-a11y/no-static-element-interactions’ was not found jsx-a11y/no-static-element-interactions
Hi,
Today, we have released the updated version of the eslint configuration and node packages.
Can you try again by downloading the current version?
If the warnings continue; If you let us know the editor you use, the os and the nodejs version you use, we can make a detailed review.
All the best.
I just downloaded the new 5.3.1 version and still the same issues, I am using Visual studio code as editor and the node version is v14.15.4, is a mac system
is failing in the gogo-react-start-with-auth project, the gogo-react and gogo-react-start compiles fine
Hi,
We apologize for the problems we have caused. We made the updates in the project. We also did our WebStorm and VS Code tests. We think you won’t have any problems.
All the best.
Hello, I’m currently using your template to develop an app. I’m confused on how to reach the components individually. Is there a showcase to browse them and see what attributes they accept?
Hi,
The links below will guide you.
https://gogo-react-docs.coloredstrategies.com/docs/guides/smart-and-dumb-components https://gogo-react-docs.coloredstrategies.com/docs/codebase/layoutAll the best.
Hi, was wondering how data-list.js functions with using const apiUrl/servicePath. is it expecting a response from a server? if so, what kind of json format is it looking for? Thank you
Hi,
You can view the api response from the link below.
https://api.coloredstrategies.com/cakes/paging?pageSize=8¤tPage=1&orderBy=title&search=All the best.
Hi,
The menu will hide under 1440px. Is there any way from 1440px to 1080px? Thanks!
All the best.
Hi,
You can set the value of the subHiddenBreakpoint variable from the ‘src/contants/defaultValues.js’ file. Since the bootstrap xxl breakpoint value is 1440px, unstable behavior can be seen between menu and page styling in responsive cases.
After defining the subHiddenBreakpoint value, we recommend that you also review the responsive cases.
All the best.
Can I have the updated chart js version installed into the theme?
Hi,
Chartjs has updated major version, there are many points that change for the user. You can update by following the instructions.
https://www.chartjs.org/docs/latest/getting-started/v3-migration.htmlAll the best.
Is there a possibility this is in typescript?
Hi,
Unfortunately, we do not plan to add the typescript version.
All the best.
Author all right? Take a doubt, I would like to refresh the graphic of the ‘container’
/src/containers/dashboards/SalesChartCard.js
When to modify the DropdownMenu: </DropdownMenu>
<DropdownMenu right>
<DropdownItem>
<IntlMessages id = "dashboards.sales" />
</DropdownItem>
<DropdownItem>
<IntlMessages id = "dashboards.orders" />
</DropdownItem>
<DropdownItem>
<IntlMessages id = "dashboards.refunds" />
</DropdownItem>How should I insert the OnClick trigger to perform this refresh on ?
</CardTitle> <LineChart shadow data={lineChartData} /> </CardBody>
Thanks so much!
I got it using hooks. You can disregard the doubt.
I tried rendering the SliderTootip in vertical orientation (vertical={true}) but it does not display properly. Why is that?
Hi,
First of all I’m sorry for the delay and we didn’t provide a vertical slider sample before.
You need to make changes in 2 files for the Vertical Slider. these files are: ‘src/components/common/SliderTooltips.js ’ and ‘src/assets/css/sass/plugins/react-range-slider.scss’ files for styling. You can find the contents of the file and the use of an example in the link below.
https://codepen.io/originalai/pen/mdWrjoqAll the best.
