fix: spelling of support (#174)

Author: thomasyuill-livekit

app-config.ts

@@ -5,9 +5,9 @@ export const APP_CONFIG_DEFAULTS: AppConfig = {
   pageTitle: 'Voice Assistant',
   pageDescription: 'A voice assistant built with LiveKit',
 
-  suportsChatInput: true,
-  suportsVideoInput: true,
-  suportsScreenShare: true,
+  supportsChatInput: true,
+  supportsVideoInput: true,
+  supportsScreenShare: true,
 
   logo: '/lk-logo.svg',
   accent: '#002cf2',

app/components/livekit/page.tsx

@@ -54,9 +54,9 @@ export default function LiveKit() {
           <AgentControlBar
             className="w-full"
             capabilities={{
-              suportsChatInput: true,
-              suportsVideoInput: true,
-              suportsScreenShare: true,
+              supportsChatInput: true,
+              supportsVideoInput: true,
+              supportsScreenShare: true,
             }}
           />
         </div>

components/app.tsx

@@ -20,12 +20,12 @@ interface AppProps {
 
 export function App({ appConfig }: AppProps) {
   const [sessionStarted, setSessionStarted] = React.useState(false);
-  const { suportsChatInput, suportsVideoInput, suportsScreenShare, startButtonText } = appConfig;
+  const { supportsChatInput, supportsVideoInput, supportsScreenShare, startButtonText } = appConfig;
 
   const capabilities = {
-    suportsChatInput,
-    suportsVideoInput,
-    suportsScreenShare,
+    supportsChatInput,
+    supportsVideoInput,
+    supportsScreenShare,
   };
 
   const { connectionDetails, refreshConnectionDetails } = useConnectionDetails();

components/livekit/agent-control-bar/agent-control-bar.tsx

@@ -16,7 +16,7 @@ import { UseAgentControlBarProps, useAgentControlBar } from './hooks/use-agent-c
 export interface AgentControlBarProps
   extends React.HTMLAttributes<HTMLDivElement>,
     UseAgentControlBarProps {
-  capabilities: Pick<AppConfig, 'suportsChatInput' | 'suportsVideoInput' | 'suportsScreenShare'>;
+  capabilities: Pick<AppConfig, 'supportsChatInput' | 'supportsVideoInput' | 'supportsScreenShare'>;
   onChatOpenChange?: (open: boolean) => void;
   onSendMessage?: (message: string) => Promise<void>;
   onDisconnect?: () => void;
@@ -81,7 +81,7 @@ export function AgentControlBar({
       )}
       {...props}
     >
-      {capabilities.suportsChatInput && (
+      {capabilities.supportsChatInput && (
         <div
           inert={!chatOpen}
           className={cn(
@@ -142,7 +142,7 @@ export function AgentControlBar({
             </div>
           )}
 
-          {capabilities.suportsVideoInput && visibleControls.camera && (
+          {capabilities.supportsVideoInput && visibleControls.camera && (
             <div className="flex items-center gap-0">
               <TrackToggle
                 variant="primary"
@@ -172,7 +172,7 @@ export function AgentControlBar({
             </div>
           )}
 
-          {capabilities.suportsScreenShare && visibleControls.screenShare && (
+          {capabilities.supportsScreenShare && visibleControls.screenShare && (
             <div className="flex items-center gap-0">
               <TrackToggle
                 variant="secondary"

components/session-view.tsx

@@ -14,9 +14,9 @@ import { cn } from '@/lib/utils';
 interface SessionViewProps {
   disabled: boolean;
   capabilities: {
-    suportsChatInput: boolean;
-    suportsVideoInput: boolean;
-    suportsScreenShare: boolean;
+    supportsChatInput: boolean;
+    supportsVideoInput: boolean;
+    supportsScreenShare: boolean;
   };
   sessionStarted: boolean;
 }

lib/types.ts

@@ -12,9 +12,9 @@ export interface AppConfig {
   pageDescription: string;
   companyName: string;
 
-  suportsChatInput: boolean;
-  suportsVideoInput: boolean;
-  suportsScreenShare: boolean;
+  supportsChatInput: boolean;
+  supportsVideoInput: boolean;
+  supportsScreenShare: boolean;
 
   logo: string;
   startButtonText: string;