web

Sleeping

web / frontend /src /components /layout /ChatLayout.tsx

Chandima Prabhath

feat: Add chat components and modals for enhanced user interaction

1904e4c over 1 year ago

858 Bytes

import { useState } from "react";
import { ChatInterface } from "@/components/chat/ChatInterface";
import { SettingsModal } from "@/components/modals/SettingsModal";
import { SourcesModal } from "@/components/modals/SourcesModal";

const ChatLayout = () => {
  const [isSettingsOpen, setIsSettingsOpen] = useState(false);
  const [isSourcesOpen, setIsSourcesOpen] = useState(false);

  return (
    <div className="flex h-[100dvh] md:h-screen w-full">
      <ChatInterface 
        onOpenSettings={() => setIsSettingsOpen(true)}
        onOpenSources={() => setIsSourcesOpen(true)}
      />
      
      <SettingsModal 
        open={isSettingsOpen} 
        onOpenChange={setIsSettingsOpen} 
      />
      
      <SourcesModal 
        open={isSourcesOpen} 
        onOpenChange={setIsSourcesOpen} 
      />
    </div>
  );
};

export default ChatLayout;


	import { useState } from "react";
	import { ChatInterface } from "@/components/chat/ChatInterface";
	import { SettingsModal } from "@/components/modals/SettingsModal";
	import { SourcesModal } from "@/components/modals/SourcesModal";

	const ChatLayout = () => {
	const [isSettingsOpen, setIsSettingsOpen] = useState(false);
	const [isSourcesOpen, setIsSourcesOpen] = useState(false);

	return (
	<div className="flex h-[100dvh] md:h-screen w-full">
	<ChatInterface
	onOpenSettings={() => setIsSettingsOpen(true)}
	onOpenSources={() => setIsSourcesOpen(true)}
	/>

	<SettingsModal
	open={isSettingsOpen}
	onOpenChange={setIsSettingsOpen}
	/>

	<SourcesModal
	open={isSourcesOpen}
	onOpenChange={setIsSourcesOpen}
	/>
	</div>
	);
	};

	export default ChatLayout;