function Showmessages(messagesmetada) {
 if (typeof (messagesmetada.messagesmetada.user) !== 'undefined') { var gameid = messagesmetada.messagesmetada.gameid; }
 var database = useDatabase();
 var querypath = '/messages/' + gameid;
 const messagesRef = ref(database, querypath);
 const { status, data: messages } = useDatabaseListData(messagesRef);
 
 if (typeof (messages) !== 'undefined') 
 { var messagessortedtimestamp=messages.sort((a, b) => { return a.timestamp - b.timestamp; })}
 if (status === 'success') {
 return (<div>
 <table className="table">
 <thead>
 {table_game_chatboard.map(header => {
 return (
 <tr key={header.id}><th>{header.first_col}</th><th>{header.second_col}</th><th>{header.third_col}</th><th>{header.fourth_col}</th>
 </tr>
 )
 })}
 </thead>
 <tbody>
 {messagessortedtimestamp.map(message => {
 var datetime_temp = new Date(message.timestamp);
 var date_temp = datetime_temp.getDate() + "/" + (datetime_temp.getMonth() + 1) + "/" + datetime_temp.getFullYear();
 var time_temp = datetime_temp.getHours() + ":" + datetime_temp.getMinutes() + ":" + datetime_temp.getSeconds();
 return (
 <tr key={message.id} ><td >{message.author}</td><td>{message.text}</td><td>{date_temp}</td><td>{time_temp}</td>
 </tr>
 )
 })}
 </tbody>
 </table>
 </div>
 )
 }
 if (status === 'loading') {
 return <span>Loading...</span>;
 }
 ;
}