result

Author: OwlDevcUA

client/src/components/MessageForm/MessageForm.tsx

@@ -1,6 +1,6 @@
 import type React from "react";
 import { useState } from "react";
-import { getMessages, getRoomMessages, postMessage, postRooomMessage } from "../../services/messageApi";
+import { getMessages, getRoomMessages, postMessage, postRoomMessage } from "../../services/messageApi";
 import './MessageForm.scss'
 import type { Message } from "../../types/Message";
 
@@ -36,7 +36,7 @@ export const MessageForm: React.FC<Props> = ({ username, roomId, userId, setMess
     }
 
     if (roomId) {
-      await postRooomMessage(username, text.trim(), roomId, userId);
+      await postRoomMessage(username, text.trim(), roomId, userId);
     } else {
       await postMessage(username, text.trim(), userId);
     }

client/src/components/Rooms/RoomCreateForm.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react"
+import React, { useState } from "react"
 import { createRoom } from "../../services/roomApi";
 import type { Room } from "../../types/Room";
 
@@ -25,7 +25,7 @@ export const RoomCreateForm: React.FC<Props> = ({ userId, onSet, onClose }) => {
 
   return (
     <form className="createRoom" onSubmit={handleSubmit}>
-      <p className="createRoom__lable">Enter the name:</p>
+      <p className="createRoom__label">Enter the name:</p>
       <input
         className="createRoom__input"
         type="text"

client/src/components/UserNameForm/UserForm.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react"
+import React, { useState } from "react"
 import './Username.scss';
 import { saveUser } from "../../services/userApi";
 import type { User } from "../../types/User";
@@ -26,7 +26,7 @@ export const UsernameForm: React.FC<Props> = ({ onSet }) => {
 
   return (
     <form className="usernameForm" onSubmit={handleSubmit}>
-      <p className="usernameForm__lable">Enter the username:</p>
+      <p className="usernameForm__label">Enter the username:</p>
       <input
         className="usernameForm__input"
         type="text"

client/src/services/messageApi.ts

@@ -15,7 +15,7 @@ export async function postMessage(username: string, text: string, userId: string
   return response.data;
 }
 
-export async function postRooomMessage(
+export async function postRoomMessage(
   username: string,
    text: string,
    roomId: string,

src/index.js

@@ -49,7 +49,7 @@ UserRooms.belongsTo(Room, { foreignKey: 'roomId' });
 
 const startApp = async () => {
   try {
-    await sequelize.sync({ force: true });
+    await sequelize.sync();
 
     const server = app.listen(PORT);