@@ -2,6 +2,7 @@ import { createSignal } from "solid-js"
22import { Dialog } from "@opencode-ai/ui/dialog"
33import { Button } from "@opencode-ai/ui/button"
44import { useDialog } from "@opencode-ai/ui/context/dialog"
5+ import { useLanguage } from "@/context/language"
56import { useSettings } from "@/context/settings"
67
78export type Highlight = {
@@ -16,6 +17,7 @@ export type Highlight = {
1617
1718export function DialogReleaseNotes ( props : { highlights : Highlight [ ] } ) {
1819 const dialog = useDialog ( )
20+ const language = useLanguage ( )
1921 const settings = useSettings ( )
2022 const [ index , setIndex ] = createSignal ( 0 )
2123
@@ -83,16 +85,16 @@ export function DialogReleaseNotes(props: { highlights: Highlight[] }) {
8385 < div class = "flex flex-col items-start gap-3" >
8486 { isLast ( ) ? (
8587 < Button variant = "primary" size = "large" onClick = { handleClose } >
86- Get started
88+ { language . t ( "dialog.releaseNotes.action.getStarted" ) }
8789 </ Button >
8890 ) : (
8991 < Button variant = "secondary" size = "large" onClick = { handleNext } >
90- Next
92+ { language . t ( "dialog.releaseNotes.action.next" ) }
9193 </ Button >
9294 ) }
9395
9496 < Button variant = "ghost" size = "small" onClick = { handleDisable } >
95- Don't show these in the future
97+ { language . t ( "dialog.releaseNotes.action.hideFuture" ) }
9698 </ Button >
9799 </ div >
98100
@@ -128,7 +130,7 @@ export function DialogReleaseNotes(props: { highlights: Highlight[] }) {
128130 { feature ( ) ! . media ! . type === "image" ? (
129131 < img
130132 src = { feature ( ) ! . media ! . src }
131- alt = { feature ( ) ! . media ! . alt ?? feature ( ) ?. title ?? "Release preview" }
133+ alt = { feature ( ) ! . media ! . alt ?? feature ( ) ?. title ?? language . t ( "dialog.releaseNotes.media.alt" ) }
132134 class = "w-full h-full object-cover"
133135 />
134136 ) : (
0 commit comments