monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

feat(app): add app version display to settings (#10095)

Browse Source
This commit is contained in:
Alex Yaroshuk
2026-01-23 04:41:29 +08:00
committed by GitHub
parent dd5a601eda
commit fdac21688c
1 changed files with 28 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
packages/app/src/components/dialog-settings.tsx
View File

@@ -3,6 +3,7 @@ import { Dialog } from "@opencode-ai/ui/dialog"
import { Tabs } from "@opencode-ai/ui/tabs" import { Tabs } from "@opencode-ai/ui/tabs"
import { Icon } from "@opencode-ai/ui/icon" import { Icon } from "@opencode-ai/ui/icon"
import { useLanguage } from "@/context/language" import { useLanguage } from "@/context/language"
import { usePlatform } from "@/context/platform"
import { SettingsGeneral } from "./settings-general" import { SettingsGeneral } from "./settings-general"
import { SettingsKeybinds } from "./settings-keybinds" import { SettingsKeybinds } from "./settings-keybinds"
import { SettingsPermissions } from "./settings-permissions" import { SettingsPermissions } from "./settings-permissions"
@@ -14,6 +15,7 @@ import { SettingsMcp } from "./settings-mcp"
export const DialogSettings: Component = () => { export const DialogSettings: Component = () => {
const language = useLanguage() const language = useLanguage()
const platform = usePlatform()
return ( return (
<Dialog size="x-large"> <Dialog size="x-large">
@@ -23,22 +25,35 @@ export const DialogSettings: Component = () => {
style={{ style={{
display: "flex", display: "flex",
"flex-direction": "column", "flex-direction": "column",
gap: "12px", "justify-content": "space-between",
height: "100%",
width: "100%", width: "100%",
"padding-top": "12px",
"padding-bottom": "12px",
}} }}
> >
<Tabs.SectionTitle>{language.t("settings.section.desktop")}</Tabs.SectionTitle> <div
<div style={{ display: "flex", "flex-direction": "column", gap: "6px", width: "100%" }}> style={{
<Tabs.Trigger value="general"> display: "flex",
<Icon name="sliders" /> "flex-direction": "column",
{language.t("settings.tab.general")} gap: "12px",
</Tabs.Trigger> width: "100%",
<Tabs.Trigger value="shortcuts"> "padding-top": "12px",
<Icon name="keyboard" /> }}
{language.t("settings.tab.shortcuts")} >
</Tabs.Trigger> <Tabs.SectionTitle>{language.t("settings.section.desktop")}</Tabs.SectionTitle>
<div style={{ display: "flex", "flex-direction": "column", gap: "6px", width: "100%" }}>
<Tabs.Trigger value="general">
<Icon name="sliders" />
{language.t("settings.tab.general")}
</Tabs.Trigger>
<Tabs.Trigger value="shortcuts">
<Icon name="keyboard" />
{language.t("settings.tab.shortcuts")}
</Tabs.Trigger>
</div>
</div>
<div class="flex flex-col gap-1 pl-1 py-1 text-12-medium text-text-weak">
<span>OpenCode Desktop</span>
<span class="text-11-regular">v{platform.version}</span>
</div> </div>
</div> </div>
{/* <Tabs.SectionTitle>Server</Tabs.SectionTitle> */} {/* <Tabs.SectionTitle>Server</Tabs.SectionTitle> */}