ClassLensPortal

Sleeping

ClassLensPortal / managed-chatkit /frontend /src /components /ChatKitPanel.tsx

Add unmanged sample with a minimal backend (#98)

69f2236 11 months ago

581 Bytes

import { useMemo } from "react";
import { ChatKit, useChatKit } from "@openai/chatkit-react";
import { createClientSecretFetcher, workflowId } from "../lib/chatkitSession";

export function ChatKitPanel() {
  const getClientSecret = useMemo(
    () => createClientSecretFetcher(workflowId),
    []
  );

  const chatkit = useChatKit({
    api: { getClientSecret },
  });

  return (
    <div className="flex h-[90vh] w-full rounded-2xl bg-white shadow-sm transition-colors dark:bg-slate-900">
      <ChatKit control={chatkit.control} className="h-full w-full" />
    </div>
  );
}

	import { useMemo } from "react";
	import { ChatKit, useChatKit } from "@openai/chatkit-react";
	import { createClientSecretFetcher, workflowId } from "../lib/chatkitSession";

	export function ChatKitPanel() {
	const getClientSecret = useMemo(
	() => createClientSecretFetcher(workflowId),
	[]
	);

	const chatkit = useChatKit({
	api: { getClientSecret },
	});

	return (
	<div className="flex h-[90vh] w-full rounded-2xl bg-white shadow-sm transition-colors dark:bg-slate-900">
	<ChatKit control={chatkit.control} className="h-full w-full" />
	</div>
	);
	}