Merge pull request cloudflare#144 from cloudflare/update-voice-options

Update voice options
code · Dec 18, 2024 · 778f5f6 · 778f5f6
2 parents 656bfcc + c39969d
commit 778f5f6
Showing 1 changed file with 16 additions and 2 deletions.
diff --git 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>