From 1f24907c8094d63c1129ef1fe2a0a6f75e51deae Mon Sep 17 00:00:00 2001
From: Lukian <lulul7018@gmail.com>
Date: Mon, 24 Mar 2025 10:56:27 +0100
Subject: [PATCH] Fixed typing

---
 front/src/pages/Channel.tsx | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/front/src/pages/Channel.tsx b/front/src/pages/Channel.tsx
index fc28428..ab97e9b 100644
--- a/front/src/pages/Channel.tsx
+++ b/front/src/pages/Channel.tsx
@@ -2,10 +2,26 @@ import { useParams } from "react-router-dom";
 import { useEffect, useState } from "react";
 import axios from "axios";
 
+type Channel ={
+    id: number,
+    name: string
+    description: string
+}
+
+type Message = {
+    id: number,
+    user_id: number,
+    username: string,
+    content: string,
+    date: number
+}
+
+type Messages = Message[]
+
 export default function Channel() {
     const { id } = useParams();
-    const [channel, setChannel] = useState({});
-    const [messages, setMessages] = useState([]);
+    const [channel, setChannel] = useState<Channel>();
+    const [messages, setMessages] = useState<Messages>();
 
     useEffect(() => {
         axios.get(`/api/channels/${id}`).then((res) => {
@@ -17,6 +33,10 @@ export default function Channel() {
         });
     }, [id]);
 
+    if (!channel || !messages) {
+        return <div>Loading...</div>;
+    }
+
     return (
         <div>
             <h1>Channel {channel.name}</h1>