Refactor Chat and Navbar components to use arrow function syntax

deepraj21 · deepraj21 · commit 80a33ecd1cb4 · 2024-10-17T23:23:05.000+05:30
diff --git a/client/src/components/Chat/chat.tsx b/client/src/components/Chat/chat.tsx
@@ -17,7 +17,7 @@ interface Message {
 	isTypingFinished?: boolean // Track typing completion per message
 }
 
-export function Chat() {
+export const Chat: React.FC = () => {
 	const [messages, setMessages] = useState<Array<Message>>([])
 	const scrollAreaRef = useRef<HTMLDivElement>(null)
 
diff --git a/client/src/components/Navbar/navbar.tsx b/client/src/components/Navbar/navbar.tsx
@@ -15,7 +15,7 @@ interface Link {
   to: string;
 }
 
-export function Navbar() {
+export const Navbar: React.FC = () => {
   const links: Link[] = [
     {
       title: "Home",

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ interface Message {`
`17`	`17`	`isTypingFinished?: boolean // Track typing completion per message`
`18`	`18`	`}`
`19`	`19`
`20`		`-export function Chat() {`
	`20`	`+export const Chat: React.FC = () => {`
`21`	`21`	`const [messages, setMessages] = useState<Array<Message>>([])`
`22`	`22`	`const scrollAreaRef = useRef<HTMLDivElement>(null)`
`23`	`23`