ChatRoom | ChatRoom with Node and socket.io | Socket library

I am trying to solve this but I can't, I pass the state from a parent to child component like this:

Main.js

I wanna hide a component based on if something happens in another component.

this is my code in app:

I am using firestore database in my react app, and to initialize the app with firebase, I am using firebase.initializeApp() in my App.js file like shown below-

Yesterday, I developed a Python Selenium Stackoverflow bot. The code was fine, It did not work though. This bot works with Selenium send_keys and driver.find_element_by_id. The code I developed is simple. It asks for the user's input.

It asks:

2 FFMPEG process

(1) generating a ffmpeg x11grab to a .mp4 (2) take the .mp4 and restream it simultaneously to multiple rtmp endpoints

ISSUE the generated file in (1) have this error "moov atom not found"

This is the command that generate (1) :

I am in process of creating live chatroom I succeded at it as first time I approached it all worked But then I was in need to work on other task and when I am back on this, firstly I got the error which stated that I can init firebase twice, when I fixed this one, I got this error

Full error message:

chatroom.component.ts

I am making a sort of chatbot in HTML, CSS, and javascript with the website here > https://chatroombot.n8thedev.repl.co/

If you click the menu button you will find a page to change the background, so far hovering over the 27 different buttons creates a border inside the button that is somewhat transparent. I attempted to make a click effect where it makes the clicked button border darker (higher alpha value). The issue I ran into was when I cleared the other borders when you click on the button. EX: if (Click button 1) { border: none for button 1,2,3... }

But when I tried to do that the hover effect didn't work anymore because it cleared the button's border permanently.

I am here for suggestions on a solution.

Also here is the existing code:

index.html:

I am trying to make chat room with ajax. Till now I am able to store data in db without page load. And also able to fetch data and display onscreen using ajax. Here is what I did with ajax

Im creating an app with react native and face the problem that I create multiple firebase listeners troughout the app, listeners on different screens to be precise and also listeners that listen to the firebase-database and others listening to the firestore.

What I want to accomplish is to kill all those listeners with one call or if necessary with multiple lines but as compact as possible - and also from an entire different screen where the listeners arent even running, this is important.

I know that there is the possibility to use Firebase.goOffline() but this only disconnects me from the Firebase - it doesnt stop the listeners. As soon as I goOnline() again, the listeners are all back.

I didnt find any solution yet for this problem from google etc thats why I try to ask here now, I would appriciate if anybody would have an idea how maybe an approach how to handle this type of behavior.

The following code samples provide you with listeners I included inside my app, they are located in in the same screen but I have nearly identical ones in other screens.

Database listener: