final changes

Author: kaustubhkagrawal

assistants/assistant.ts

@@ -94,5 +94,7 @@ export const assistant: CreateAssistantDTO | any = {
   },
   firstMessage:
     "Hi. I'm Paula, Welcome to Broadway Shows! How are u feeling today?",
-  serverUrl: "https://08ae-202-43-120-244.ngrok-free.app/api/webhook",
+  serverUrl: process.env.NEXT_PUBLIC_SERVER_URL
+    ? process.env.NEXT_PUBLIC_SERVER_URL
+    : "https://08ae-202-43-120-244.ngrok-free.app/api/webhook",
 };

components/app/assistantButton.tsx

@@ -22,6 +22,12 @@ const AssistantButton = ({
     boxShadow: `1px 1px ${10 + audioLevel * 40}px ${
       audioLevel * 10
     }px ${color}`,
+    backgroundColor:
+      callStatus === CALL_STATUS.ACTIVE
+        ? "red"
+        : callStatus === CALL_STATUS.LOADING
+        ? "orange"
+        : "green",
     cursor: "pointer",
   };
 

example.env

@@ -1 +1,2 @@
-VITE_VAPI_WEB_TOKEN=
+VITE_VAPI_WEB_TOKEN=
+NEXT_PUBLIC_SERVER_URL=

styles/globals.css

@@ -1,3 +1,14 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.btn-active {
+  @apply bg-red-500 hover:bg-red-700;
+}
+
+.btn-loading {
+  @apply bg-orange-500 hover:bg-orange-700;
+}
+.btn-idle {
+  @apply bg-green-500 hover:bg-green-700;
+}