start message to bottom

This commit is contained in:
grimhilt 2023-04-02 17:39:04 +02:00
parent 6ea0d4e02e
commit 833eacc91d
2 changed files with 4 additions and 3 deletions

View File

@ -1,8 +1,9 @@
import statusCode from "../utils/statusCodes"; import statusCode from "../utils/statusCodes";
import { getMessages } from "../db/api"; import { getMessages } from "../db/api";
import logger from "../system/Logger"; import logger from "../system/Logger";
import { Response } from "express";
export async function messages(body, res) { export async function messages(body, res: Response) {
const { roomId } = body; const { roomId } = body;
getMessages(roomId).then((messages) => { getMessages(roomId).then((messages) => {
res.status(statusCode.OK).json(messages); res.status(statusCode.OK).json(messages);

View File

@ -29,7 +29,7 @@ onBeforeRouteUpdate(async (to, from) => {
<template> <template>
<div id="main"> <div id="main">
<Header :room="room"></Header> <Header :id="id"></Header>
<div id="RoomViewBody"> <div id="RoomViewBody">
<div class="content"> <div class="content">
<Message v-for="(message, index) in store.getters.messages(id)" :key="index" :data="message" /> <Message v-for="(message, index) in store.getters.messages(id)" :key="index" :data="message" />
@ -64,7 +64,7 @@ onBeforeRouteUpdate(async (to, from) => {
.content { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column-reverse;
overflow: auto; overflow: auto;
margin-bottom: 100px; margin-bottom: 100px;
} }