refactor: room create and join validation schema

adarshaacharya · Oct 13, 2021 · 82c05ff · 82c05ff
1 parent 5736eb0
commit 82c05ff
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 13 deletions.
diff --git a/client/src/_context/room/room.state.tsx b/client/src/_context/room/room.state.tsx
@@ -72,6 +72,8 @@ const RoomState: React.FC = ({ children }) => {
                     type: JOIN_ROOM,
                     payload: room,
                 });
+                message.success('You have joined the room. 🥳');
+
                 history.push(`/room/${roomID}`);
             });
         } catch (error) {

diff --git a/client/src/components/CreateRoom/CreateRoom.tsx b/client/src/components/CreateRoom/CreateRoom.tsx
@@ -1,5 +1,4 @@
-import { Button, Card, Form, Input, message } from 'antd';
-import { useSfx } from 'hooks';
+import { Button, Card, Form, Input } from 'antd';
 import React from 'react';
 import { useRoomContext } from '_context/room/room.context';
 import styles from './style.module.css';
@@ -16,12 +15,9 @@ const layout = {
 
 const CreateRoom = () => {
     const { createRoom } = useRoomContext();
-    const { playIpl } = useSfx();
 
     const onFormSubmit = (values: IVal) => {
         createRoom(values);
-        // playIpl();
-        // message.success('New room created ! 🔥 ');
     };
 
     const [form] = Form.useForm();
@@ -35,7 +31,7 @@ const CreateRoom = () => {
                             label='Username'
                             rules={[
                                 { required: true, message: "Username can't be empty" },
-                                { max: 8, message: 'Username must be maximum 8 characters.' },
+                                { max: 20, message: 'Username must be maximum 20 characters.' },
                             ]}
                             className='py'
                         >
@@ -46,7 +42,7 @@ const CreateRoom = () => {
                             label='Room Name'
                             rules={[
                                 { required: true, message: "Room name can't be empty" },
-                                { max: 8, message: 'Room name must be maximum 8 characters.' },
+                                { max: 15, message: 'Room name must be maximum 15 characters.' },
                             ]}
                             className='py'
                         >

diff --git a/client/src/components/JoinRoom/JoinRoom.tsx b/client/src/components/JoinRoom/JoinRoom.tsx
@@ -1,5 +1,4 @@
-import { Button, Card, Form, Input, message } from 'antd';
-import { useSfx } from 'hooks';
+import { Button, Card, Form, Input } from 'antd';
 import React from 'react';
 import { useRoomContext } from '_context/room/room.context';
 import styles from './style.module.css';
@@ -15,12 +14,9 @@ const layout = {
 
 const JoinRoom = () => {
     const { joinRoom } = useRoomContext();
-    const { playIpl } = useSfx();
 
     const onFormSubmit = (values: IVal) => {
         joinRoom(values);
-        message.success('You have joined the room. 🥳');
-        playIpl();
     };
 
     const [form] = Form.useForm();
@@ -41,7 +37,7 @@ const JoinRoom = () => {
                         label='Username'
                         rules={[
                             { required: true, message: "Username can't be empty" },
-                            { max: 8, message: 'Username must be maximum 8 characters.' },
+                            { max: 20, message: 'Username must be maximum 20 characters.' },
                         ]}
                         className='py'
                     >

diff --git a/server/controllers/code.controller.ts b/server/controllers/code.controller.ts
@@ -30,6 +30,7 @@ export const SubmitCode = async (req: Request, res: Response): Promise<void> =>
         const output = await Axios.post(uri, data, axiosConfig);
         res.status(201).json(output.data);
     } catch (err) {
+        // @ts-ignore
         console.log(err.message);
         res.status(500).json({ msg: 'Server error' });
     }