Authentication issue for pro features


Topic: Authentication issue for pro features

AB premium asked 3 years ago

Hello, I have recently bought the MBD React pro version. I have installed MDBReact Pro as per the quick start guide using npm. Further, I generated the token on the git repo website.

The regular features work fine but, I am not able to use the pro features (like Rounded buttons and more). They render as regular components. I do get the following error while doing npm install. Hope that helps to figure out the issue. ('MY_TOKEN' used instead of the real token just for displaying the error)

npm ERR! Error while executing: npm ERR! C:\Program Files\Git\cmd\git.EXE ls-remote -h -t https://oauth2:MY_TOKEN@git.mdbootstrap.com/mdb/react/re-pro.git npm ERR! npm ERR! remote: HTTP Basic: Access denied npm ERR! fatal: Authentication failed for 'https://oauth2:MY_TOKEN@git.mdbootstrap.com/mdb/react/re-pro.git/' npm ERR! npm ERR! exited with error code: 128


Bartłomiej Malanowski staff commented 3 years ago

Do you have access to our gitlab repository? Can you open in your browser? Here's the link: https://git.mdbootstrap.com/mdb/react/re-pro


AB premium commented 3 years ago

Yes, I have access to the repository. It can be seen in the browser.

(UPDATE: The error mentioned in the issue is solved but pro features still not working.)


AB premium commented 3 years ago

UPDATE: Hello,I am going through a the pro features one by one and I find the few work while few don't and some partially work.For example, I am trying to work with rounded buttons but the 'rounded' property seems to be doing nothing.

Tabs and progress bar seem to be working with few UI discrepancies.

I guess this is not an authentication issue now. How do you suggest to get this solved and move forward?

Thank you.


Bartłomiej Malanowski staff commented 3 years ago

Why do you think that premium components are not working? How can we reproduce your issue?


AB premium commented 3 years ago

It is confusing. Because some components work fine.I am using the same code as in the examples to avoid any effect from the other part of my code.

Let's tackle this:We were in need of the Rounded button. But it seems straight froward code for it;

Still the output gives us normal buttons. (I have tried it in different browsers too)

Whereas, I tried using pro slider and it works perfect. Has there been an issue like this before?


viccooper142 free answered 3 years ago

Hello Anna, I am having the same issue as AB where my buttons are not rounded even though I am using the rounded parameter. I did confirm that some Pro components are working but some are not. My site was built using your Gatsby starter Can you tell me what change was made to the main repo that fixed the issue for AB? Thanks


Konrad Stępień staff commented 3 years ago

Hi @viccooper142,

Can you send me more details about your project? What version do you use? Sorry for that, but @Anna Morawska there is no way to answer to you and I have been assigned to this task.

Best, Konrad.


AB premium answered 3 years ago

Hello,

I see the change made in the repository which was causing the issue.

Thank you for solving the issue for us.


Anna Morawska staff commented 3 years ago

No problem, happy coding :)


AB premium answered 3 years ago

just sent you a collaborator link from github..


AB premium commented 3 years ago

You may work with the file Mdbtest.js as it has a lot of MDB components put there for testing.


Anna Morawska staff commented 3 years ago

Ok, thank you, I will check it out


AB premium answered 3 years ago

Hello, i tried your email and your name in the github repository to add you as a collaborator but it couldn't find you any which way: by email, last name or first name. Let me know your github info so i can include you as a collaborator to get this going.ThanksAthmo


Anna Morawska staff commented 3 years ago

On github my login is anna-morawska :)


Anna Morawska staff answered 3 years ago

Well, it's really strange - could you send me your project or link to the github repository? (anna.morawska@mdbootstrap.com) I have to take a closer look at this and check what can cause that issue because I'm running out of the ideas


Anna Morawska staff answered 3 years ago

Do you use create-react-app boilerplate or your custom webpack configuration?


AB premium commented 3 years ago

We used create-react-app for this project.


Anna Morawska staff answered 3 years ago

Hi there,

Please try to remove node_modules directory and yarn.lock/package-lock.json file and then install all the dependencies once again by entering npm install/ yarn in the console.

Best, Ania


AB premium commented 3 years ago

Hello,

I tried doing it but didn't make a difference.

Also, I went through all of the pro features.One issue I faced was with the buttons. If I try to press a button it doesn't do any thing as intended. It returns a blank page.

For example,While trying to use a video in modal, It was returning a blank page. The console shows an error with the 'waves' component.When I replaced the 'MDBBtn' tag with 'button' tag, the modal worked fine. So the code seems to be right.

This is happening with every button. I am guessing the 'rounded' button property is also related to this.

Can you suggest a way to reset this 'waves' component? or if there's any solution previously used to solve this kind of error?

Thank You.


Anna Morawska staff answered 3 years ago

Hi there,

have you imported the stylesheets in your root index.js file, in accordance to the step 4 of our instruction?

Step 4: Import style files into the src/index.js before the App.js file import:

index.js

import '@fortawesome/fontawesome-free/css/all.min.css';
import 'bootstrap-css-only/css/bootstrap.min.css';
import 'mdbreact/dist/css/mdb.css';

AB premium commented 3 years ago

Yes, the imports had been done while installation of the service.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Premium
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: 4.11.0
  • Device: Dell PC
  • Browser: Firefox
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes