diff options
| author | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2026-09-11 10:23:23 -0400 |
|---|---|---|
| committer | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2026-09-11 10:23:23 -0400 |
| commit | 6597df7865b4eb5fce574d5efda1e33680df4357 (patch) | |
| tree | b6ec78ab8663c3da2e0745db8fb98bbb7303e6e2 /src/components/FlatpakNowPlayingTab.tsx | |
| parent | 0be6ccdd1a8ecfe386281451cf4c49d052f6dda4 (diff) | |
| download | decky-lsfg-vk-v2-now-playing.tar.gz decky-lsfg-vk-v2-now-playing.zip | |
compact now playing infov2-now-playing
Diffstat (limited to 'src/components/FlatpakNowPlayingTab.tsx')
| -rw-r--r-- | src/components/FlatpakNowPlayingTab.tsx | 27 |
1 files changed, 11 insertions, 16 deletions
diff --git a/src/components/FlatpakNowPlayingTab.tsx b/src/components/FlatpakNowPlayingTab.tsx index 9623b11..89f7f49 100644 --- a/src/components/FlatpakNowPlayingTab.tsx +++ b/src/components/FlatpakNowPlayingTab.tsx @@ -1,8 +1,9 @@ -import { Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui"; +import { Focusable } from "@decky/ui"; import type { FlatpakApp, LsfgConfig } from "../api/lsfgApi"; import type { GameTarget } from "../hooks/useGameConfiguration"; import { ConfigurationSection } from "./ConfigurationSection"; import { FpsMultiplierControl } from "./FpsMultiplierControl"; +import { NowPlayingSummary } from "./NowPlayingSummary"; interface Props { app: FlatpakApp; @@ -21,21 +22,15 @@ export function FlatpakNowPlayingTab({ app, launcher, onConfigChange }: Props) { return ( <Focusable> - <PanelSection title="Now Playing"> - <PanelSectionRow> - <Field - label={launcher?.name || app.app_name} - description={launcher - ? `${launcher.nonSteam ? "Steam shortcut" : "Steam"} · Running in ${app.app_name} · Flatpak` - : `Flatpak · ${app.app_id}`} - /> - </PanelSectionRow> - {launcher && ( - <PanelSectionRow> - <Field label="Controls" description={`${app.app_name} profile · ${app.app_id}`} /> - </PanelSectionRow> - )} - </PanelSection> + <NowPlayingSummary + title={launcher?.name || app.app_name} + details={[ + launcher ? (launcher.nonSteam ? "Steam shortcut" : "Steam") : "Flatpak", + launcher && launcher.name !== app.app_name ? `Running in ${app.app_name}` : null, + launcher ? "Flatpak" : null, + `Controls: ${app.app_name} profile`, + ].filter((detail): detail is string => detail !== null)} + /> <FpsMultiplierControl config={app.config} onConfigChange={changeConfig} /> <ConfigurationSection config={app.config} onConfigChange={changeConfig} /> </Focusable> |