From c39969d797d2dd23c460b270ca37b64f004fa3eb Mon Sep 17 00:00:00 2001
From: Kevin Kipp <kkipp@cloudflare.com>
Date: Wed, 18 Dec 2024 13:22:47 -0600
Subject: [PATCH] Update voice options

---
 app/components/InviteAiDialog.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/app/components/InviteAiDialog.tsx b/app/components/InviteAiDialog.tsx
index cdd783a..7486108 100644
--- a/app/components/InviteAiDialog.tsx
+++ b/app/components/InviteAiDialog.tsx
@@ -5,6 +5,17 @@ import type { ClientMessage } from '~/types/Messages'
 import { Button } from './Button'
 import { Dialog, DialogContent, DialogOverlay, Portal } from './Dialog'
 
+const aiVoices = [
+	'Alloy',
+	'Ash',
+	'Ballad',
+	'Coral',
+	'Echo',
+	'Sage',
+	'Shimmer',
+	'Verse',
+]
+
 export function InviteAiDialog(props: { children?: ReactNode }) {
 	const [open, setOpen] = useState(false)
 
@@ -70,8 +81,11 @@ export function InviteAiDialog(props: { children?: ReactNode }) {
 									name="voice"
 									defaultValue={voice ?? 'ash'}
 								>
-									<option value="ash">Ash</option>
-									<option value="ballad">Ballad</option>
+									{aiVoices.map((voice) => (
+										<option key={voice} value={voice.toLowerCase()}>
+											{voice}
+										</option>
+									))}
 								</select>
 							</div>
 						</div>