workadventure/front/src/Logger/MessageUI.ts

export class MessageUI {

    static warningMessage(text: string){
        this.removeMessage();
        let body = document.getElementById("body");
        body?.insertAdjacentHTML('afterbegin', `
                <div id="message-reconnect" class="message-info warning">
                    ${text}
                </div>
         `);
    }

    static removeMessage(id : string|null = null) {
        if(!id){
            let messages = document.getElementsByClassName("message-info");
            for (let i = 0; i < messages.length; i++){
                messages.item(i)?.remove();
            }
            return;
        }
        let previousElement = document.getElementById(id);
        if (!previousElement) {
            return;
        }
        previousElement.remove();
    }
}