niku/twitch-clone
niku/twitch-clone
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Disable chat input when user is not logged in

Browse Source
This commit is contained in:
strNophix 2022-10-20 18:48:13 +02:00
parent bff6cdd434
commit f606706ba3
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/components/chat/index.tsx
View File

@ -1,10 +1,12 @@
import { FC, useEffect, useState } from "react" import { FC, useEffect, useState } from "react"
import { CHAT_URL } from "../../config" import { CHAT_URL } from "../../config"
import useSession from "../../hooks/useSession"
import { ChatMessage as Message } from "../../types" import { ChatMessage as Message } from "../../types"
import Input from "../common/Input" import Input from "../common/Input"
import ChatMessage from "../message/ChatMessage" import ChatMessage from "../message/ChatMessage"
const Chat: FC = () => { const Chat: FC = () => {
const { session } = useSession()
const [messages, setMessages] = useState<Message[]>([]) const [messages, setMessages] = useState<Message[]>([])
useEffect(() => { useEffect(() => {
@ -26,7 +28,11 @@ const Chat: FC = () => {
))} ))}
</div> </div>
<div className="m-2"> <div className="m-2">
<Input className="w-full p-2" placeholder="Send a message" /> <Input
disabled={!session}
className="w-full p-2"
placeholder="Send a message"
/>
</div> </div>
</div> </div>
) )