Google Calendar IDs not accurate to google calendar account selected

[mailinh]

I’m using the Calendar from Google Calender plugin in my Bubble app. I’m experiencing issues with the select calendar id function, when the user selects a google calendar account

When I first connect to a google account, it sometimes doesn’t show any calendar IDs. Then I’d have to refresh the page and try again to see the calendar IDs.

When I disconnect the calendar ID to select another google account, it shows my previous google account’s calendar IDs instead. It should be showing the current google account’s calendar IDs.

It seems as if there’s always a one-click/connection behind with this plugin. Where it needs to be refreshed in order to show the calendar IDs found.

I’d appreciate any help/guidance to fix this! Thank you so much.

[Serg]

Hi @mailinh, thanks for reaching out.

For your case, allow me to recommend checking the plugin Demo Editor page, where you can see and use for guidance a workable example of the calendar setup: Zeroqode-demo-22 | Bubble Editor

In case the issue will persist even after recheck, please share a screencast with the use case and related workflows.

Regards,

[mailinh]

Hi Serg, thanks for following up quickly here. I’ve rechecked but found no issues so far. Please see my recording below.

Bubble - Calendar from Google PlugIn error

As you can see, the calendar IDs showing were from the previous email account that I tried to connect. There’s a lag in loading the correct and current calendar IDs based on the email account. Please let me know if you notice any issues in my workflows or have other suggestions!

[Serg]

Hi @mailinh, thanks for the provided video.

Following it, please:

• check what data are retrieved in states (why as a source it is indicated the group and not the RG)
  

  

• display the popup not right after the authorization, but after a certain condition is true (When retrieved data are not empty)

Hope the provided hints will help. Please let me know on the results of checking.

Regards,

[mailinh]

Hi @Serg, thank you for these follow-up tips.

Here’s the data that I’ve found for the repeating group, group, and text.

I’ve also made the popup to only show when the data is not empty. It works where on the first connection, the popup does not show since no data was retrieved. The same problem still persists that I have to retry another time for the retrieved data to show.

Please let me know what you’d suggest next!

Thanks,
MaiLinh

[Serg]

Hi @mailinh,
In addition to the provided details, would it be convenient for you to add our support@zeroqode.com as a collaborator of your app? That will allow us to check what’s wrong with your setup and test it out in our workspace.

Enter your Bubble editor page → Settings → “Collaboration” tab → Invite a user (email).

(Note: disregard the warning message regarding the plan, as we are an agency and you can easily add us to your collaborators.)

I will check your setup and do a few tests in an attempt to find the root cause and help you fix it.
In case it is ok for you, please let me know.

Regards,

[mailinh]

Hi @Serg,

Thank you for extending your help to take a further look! I’ve added the user email as a collaborator.

Please let me know if you need anything else.

Thanks,
MaiLinh

[Serg]

Hi @mailinh, thanks for the provided access.

Please check the correctness of created and inserted Google API keys. This might be a key reason for the reported issue. For a proper API key setup, please use the supporting documentation: https://docs.zeroqode.com/plugins/calendar-from-google

Please let me know if the issue will persist after the right leys setup.

Regards,

[mailinh]

Hi @Serg,

I’ve followed the documentation but am a bit unsure about the last step (#7)

This is the URIs that I currently have in there, which match picture from step 5 but not step 7. Step 7 seems to have bubble editor URIs? Where would I get that?

I assume this is the equivalent of the screenshot also in step 7? Where client ID gets pasted in App ID/API Key and client secret gets pasted in App Secret

Please let me know! Thank you so much.

[mailinh]

@Serg,

It seems like the credentials error is not showing anymore. However, this HTTP 404 error still remains:

Would really appreciate your insights here. Thanks!

[Serg]

Hi @mailinh, thanks for the reply

@mailinh

Step 7 seems to have bubble editor URIs? Where would I get that?

Apologies for a bit of misguiding screenshot on step 7 (it will be replaced shortly). In fact, there should be the same redirecting URIs as are required in step 5

@mailinh

However, this HTTP 404 error still remains:

This error appears due to the fact that a data call that tries to retrieve Calendar events fires even before the user is logged in to the Google platform (even if the element is hidden on pageload).

To solve the issue, please use corresponding condition in elements that have such data calls (show element only when user is logged on Google platform)

To avoid such errors, data calls related that address the Google platform, should be used only after user authorization to Google.

Hope the provided hints will help. Please let me know if there is anything else that I can help with about our plugin.

Regards,

[mailinh]

Hi @Serg, I’ve done your suggestion here but still no luck on fixing the error unfortunately.

[Serg]

Hi @mailinh, thanks for your reply.

@mailinh

still no luck on fixing the error unfortunately.

Please consider the screenshot provided above only as an example of the conditional (that might not work properly in your particular case).
To have it work properly for you, please create a conditional that will show this element only after user authorization/log on to the Google platform.

Regards,

[malekaixmischke]

Hi @zeroqode2 @zeroqode1 @zeroqode3 team! I had a question about the Calendar from Google plugin on Bubble.

So I’ve been reviewing the documentation / demo editor, and it looks good, though whenever I test the initial integration in my app, I get this error:

I can confirm that my Authorized URI Origin and Redirct URI are the same on my https://console.cloud.google.com/apis/credentials/oauthclient/

Anyways - would you have any recommendations to solve this error? Thanks a ton!

[Gulce]

Hi @malekaixmischke

Sorry for the late reply due to the weekend.

Can you please try adding these URLs to the list of URIs for your app in the Google developer console (replace “yourapp” with your appname and “pagename” with the name of the page where the workflow to authenticate the user is run from?

• https://yourapp.bubbleapps.io/version-test/pagename?debug_mode=true
• https://yourapp.bubbleapps.io/pagename?debug_mode=true
• https://yourapp.bubbleapps.io/version-test/pagename
• https://yourapp.bubbleapps.io/pagename

If the issue persists, please share a video recording showing the issue and your entire setup. Thank you! Hope to hear from you soon.

Best regards,
Gulce