fab | Make your output | Reflection library

I have a navbar and sidebar component in my nextjs app. In my index component I'm using useState to show and hide sidebar on mobile device.
It works perfectly fine but I want to add animation when user clicks on hamburger menu, the sidebar should be animated left to right and when clicked on close icon it should go back to right to left. FYI I am using tailwind css.

Here's the code:
indexjs file:

I have an application under construction using the Navigation Drawer Activity which is the one with the left menu like the old version of Google PlayStore:

As you know the design comes bundled with a FAB (FloatingActionButton):

Now, in the left side menu you see these three Fragments:

I wanted to know, how do I assign different actions to the FAB when I change the Fragment? From the MainActivity I see that there is the k but I do not understand how to assign a different functionality to it, since when changing the Fragment, the same FAB is still there and executes the same action that in this case is a Toast:

My social-icon(link) worked and was visible. And suddenly it disappeared and didn't work.

HTML:

I'm trying to show all user posts that the user who is using the app follows, and I'm using Firestore. I take all the ids and put them on an arraylist and build a query. I am using FirebaseRecyclerView but I have this error:

After I try to parallelize the code with openmp, the elements in the array are wrong, as for the order of the elements is not very important. Or is it more convenient to use c++ std vector instead of array to parallelize, could you suggest a easy way?

I want my contact section of my page to have links to my social. I applied :hover to my span classes to make it move up by 5px. Although ALL of my links move down when i hover over the desired link... what did I do wrong can some one please help.. Code is below.

I have the following Activity which get called when a user clicks on a FAB

I have this mEpisodeList which is an ArrayList inside this class TvShowEpisodeLoader I also have another class named TvShowEpisodeDetailsFragment I want to access mEpisodeListfrom TvShowEpisodeDetailsFragment I want to get mEpisode (which is the number of the episodes of a season of a tv show) and display all available episode numbers in a horizonal scrollbar in episode_details layout and upon tapping on a number it will switch to that episode

here is TvShowEpisodeLoader , TvShowEpisodeDetailsFragment

mEpisodeList

here is the code

I have a form with multiple form fields organized in rows and columns and a delete row button at the end of each row. When the user enter a value in on the form fields if the press the Enter/Return key, instead of "entering" the value, it delete the row, as if the focus of the user was on the delete button and he'd pressed enter.

Here's a screen shot of the form:

Here is the html code for this part of the application: