@@alexanderkarg5226 what's the issue you're having?

@@danielhabibi hi there, thank you for replying i dont know. I think i have copied what you have done exactly, but the hover action is not working! 😞i have used a conditional value for the color -> then IF mouseRegionHovered use green else red color. But this does not work 😞

Great question and my pleasure! So if the front-end bugs out, and lets someone get to a page they aren't supposed to, like an admin page in the app. Since I use Xano for my backend, it allows me to encrypt the authToken with additional info such as role. When the user tries to call an API endpoint, it first checks if they are the correct role based on their authToken, if they fail, they get an error and the sensitive data doesn't load. Then front-end logic navigates them off that page based on the API response. Please let me know if that makes sense and if you'd like me to create a video on how to do it in Xano on the backend!

@@danielhabibi Makes total sense! I think it would be a good video to see how you make use of the authtoken system with Xano. Since you had the roles set as enums in the app, which I now realize was just for frontend, I was wondering how you secured it with Firebase, but since I now know youre using Xano, I get it. I currently am using Supabase exclusively, but have looked into Xano when I was looking for a more scalable option for Bubble. Xano seems like an excellent option, and knowing more about how an expert secures his database would be awesome! Thanks for the reply!

@sgmxmx9008 My pleasure! Here you go discord.com/invite/uU8xXU3Z

@Mwelwajr it depends on the type of app. For example, a 2-sided marketplace can have a single signup, and during onboarding, the user can select their roles. In my example, the admins are assigning user roles in the admin dashboard.

@@danielhabibi can you please do a full video for this role-based access

I don't believe they have, and just so you know, the app shown in the video is using this method in production. I've had a few ideas on how to improve it, but haven't had the time to explore them yet. I'll try to prioritize it and release an updated video if any of those ideas pan out. In the meantime, here's a link to my discord! discord.gg/7wkm5pEc

@@E2dbro discord.com/invite/WhCxx8td

@XxCancerKid15xX you got it. I'm adding it to the list. Thanks for letting me know!

Thanks, here you go! discord.com/invite/wWbQm7yU

There's no such thing as a silly question! The get user data call is a standard auth/me endpoint in Xano, which is used to grab stuff like their name and update the app state with those variables. Please let me know if that clears things up for you or if I need to clarify anything!

@@danielhabibi Thank you for clarifying, it is much appreciated. I was attempting to use the user endpoints which in hindsight was rather silly. This makes much more sense.

My pleasure! Here you go discord.gg/WMfzqMMU

@@danielhabibiI appreciate it very much, thank you! Do you know why I can't close the cards when I tap on the map? The cursor on the map is a "hand" and does not recognize the click :S

@saruskas My pleasure! Thanks for posting on Discord. I replied to you there.

Here you go! discord.gg/pUsVStCU

Yup, here you go! discord.com/invite/ewCquAUd

Of course! Here it is: discord.com/invite/6vDJPevc

Hi Daniel! Can you please create a video showing this update? I don't think I am creating my Data Type correctly, as if doesn't seem like my page state is updating. Thanks again for the helpful videos!

@@becraveiro1 Hey! The FF team actually just added an auto-create Data Type from a JSON response because so many people were struggling with it and spending too much time trying to get it to work. 1. Test your API 2. Copy the JSON response 3. Go to Data Type Tab 4. Click the new button and paste your JSON in the box Hope this helps!

@@danielhabibi Hmmm Should I copy the entire Body JSON form the API Response test or should I copy the Raw Body? Also, im only interested in a few paths, does that make a difference? Just to give some context, my API Call is a google maps one that outputs a list of restaurants (lat, long, name, address). I am parsing my Data Type as a List, but the Data Type itself is not a list (each item form the API has only one lat, long, name, and address). Seem like my Page State (DataType List) is not being updated using the JSON to Data Type.. Weird.

Hey, my pleasure! Here's an invite to my discord server where I'll be glad to help you out! discord.com/invite/8sXqh3eR

You can get the snippet for the function from the description of this video and it shows you how to create the service account: kzbin.info/www/bejne/iXvHXqJ5YrR6lac

Thanks for your support!@@danielhabibi

Hey! Here's an invite. You'll find it under the custom-code channel. discord.gg/ZvY6pHad

@@danielhabibi Thank you so much Daniel, managed to access the discord. I just subscribed to your YT channel and looking forward to more amazing tutorials on FF. Cheers!

Hi! Please email me at [email protected]

There are two ways to do it. Option #1 is how I did it using a stack. You can see it in the widget tree at 1:20 in the video. #2 Click on the scaffold and add a Floating Action Button (FAB). It's under Page Elements and can't be added as a child of another widget which is why we need to select the scaffold to see it show up when adding a widget. Hope this helps!

@@danielhabibi Thank you for your help! Just suscribed, I stay tuned whenever you post helpful videos like this

Thanks! I use screen.studio/@oKP8q for both recording and editing. It's mac only though.

Hey! Yes, exactly! You shouldn't have any issues by using Data Types.

Hi! I think I left out that part by accident. We want to create our Data Types and build out the schema the way our API is structured. This image should help imgur.com/LzUzdrR Also, FF actually changed the documentation on this so I'm going to re-record it and upload it as soon as possible!

Hey@@danielhabibi TYSM, your image makes sense, and of course it now makes sense that the data type is mapped the way the API is structured! I went through the FF documentation and noticed that I had to update my FF app on my mac...that seemed to have the 'Data Structure' options. And it didn't need the 'Update App State' variable to map the API response to the data type. Hurray! Can I be cheeky...and ask for a next video request? Would it be possible to do something with Xano/API populating dynamic children that ISN'T a list view? e.g. some sort of stack? ❤

@@ksrath1 My pleasure! Yes, I need more requests but I'm not sure I understand this one... What do you mean exactly? Like one that is generating dynamic children of a PageView or Swipeable Stack? Feel free to send me a Loom or screenshot through a DM on twitter, on discord, or to my email.

Haha thank you! Yes, of course, and I'm sorry to hear that. You can email at [email protected]

Great, will do! My pleasure!

Great question! Unfortunately, I haven't had time to add that functionality. Right now, it returns the first object it finds. I'm not positive you can hack the FF GoogleMaps widget to do that. If you find a solution, please share it with the community!

You forgot please...

Thanks Dimitar ❤️ I really appreciate your support and encouragement 🙏

My pleasure Alex!

I'm about to record another one because I've found even more ways to improve my workflows in FlutterFlow!

I'll add it to the list. Thanks for the suggestion! Is there a specific use case you have in mind?

@@danielhabibi Allow the user to see his notifications when he clicks on the notification icon

If you're using Firebase, check the official FF channel. They just showed how to build this on yesterday's livestream. If you're doing it in or another relational DB, I'll make a video on it!@@alydiallo4179

My pleasure, Steve! I'm a little slammed at the moment, but you're the second person to ask for it recently, so I'll try to do it asap! Also, I was thinking of creating a FF template and Xano snippet for all this to make people's lives easier and help jump-start projects quicker. Let me know if you're interested in that!

Hi Daniel! Thank you so much for your help, I would love to see Part 2. The snippet would make it super useful, I'm sure many people would use it. Keep up the good work!

My pleasure! discord.gg/6dsrQCbK

Thanks! Sorry, I never got around to recording part 2. I'll try to get it out asap!

I actually changed the way I set up the homepage flow and will record a new video on it soon. The purpose of the Get User Data call is to know if the Xano authToken is still valid using the conditional (200 means it's still good). If it isn't, then make the Firebase Auth call again and reupdate the appstate with the new token (the same way we do on the login button). This way the user doesn't have to log back in since the Firebase Authentication refreshes on its own (the JWT will always be valid AFAIK, still not sure about the Firebase JWT TTL). The only difference is that we will use "rebuild current page" so it refreshes the homepage calls with the new valid Xano authToken.

Ok i understand the logic ! so is that what you do @@danielhabibi : kzbin.info/www/bejne/o4TLqKOwq5mVoJI

Hey, my pleasure! are you talking about the call "Firebase Auth" shown at 1:00? It's just a post call with an id_token variable (string). Make sure to add the variable to the JSON body. If you're still having trouble, let me know and I'll try to help!

thanks !! I made it@@danielhabibi

For sure! It's posted in my discord server with instructions because I accidentally hard-coded the path name. Anyway, here's an invite discord.gg/ZGrM38pF

Hey Steven! Everything set as JSON Type will show up as dynamic. In the custom code I show, jsonList is set to Type JSON and List is checked/enabled. I actually got a notification for your message on github and think you're right, might be the same bug for double as it was with int!

@@danielhabibi ah thank you! this definitely worked! I feel futterflow has a lot of issue interpreting JSON value type.

@@stevenyliu Awesome! Yeah it has quite a few issues with parsing JSON. Now that more people are using it and reporting bugs, it should be getting much better!

My pleasure! Sorry you couldn't DM me on Twitter, I'll have to fix that. Here's an invite: discord.gg/2JGGWqqV

@@danielhabibi thank you very much, this is a great help. 😃😃

DM me on Twitter or on the FlutterFlow Forums!

Yes, it's definitely possible. Look up James NoCode on KZbin. I think he has a video on how to do it with Firebase.