feat: refine game discovery and profile UX

1 files changed, 4 insertions, 10 deletions

diff --git a/src/components/NowPlayingTab.tsx b/src/components/NowPlayingTab.tsx
index b4f0557..8d2d779 100644
--- a/src/components/NowPlayingTab.tsx
+++ b/src/components/NowPlayingTab.tsx
@@ -1,4 +1,4 @@
-import { ButtonItem, Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
+import { Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
 import { ConfigurationData } from "../config/configSchema";
 import { GameTarget } from "../hooks/useGameConfiguration";
 import { GameConfigurationControls } from "./GameConfigurationControls";
@@ -7,26 +7,20 @@ interface Props {
   game: GameTarget;
   config: ConfigurationData;
   onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
-  onRemove: () => Promise<void>;
 }
 
-export function NowPlayingTab({ game, config, onConfigChange, onRemove }: Props) {
+export function NowPlayingTab({ game, config, onConfigChange }: Props) {
   return (
     <Focusable>
-      <PanelSection title="Now Playing">
+      <PanelSection>
         <PanelSectionRow>
           <Field
             label={game.name}
-            description={`${game.nonSteam ? "Non-Steam" : "Steam"} · App ID ${game.appid} · Configured`}
+            description={`${game.nonSteam ? "Non-Steam" : "Steam"} | App ID ${game.appid}`}
           />
         </PanelSectionRow>
       </PanelSection>
       <GameConfigurationControls config={config} onConfigChange={onConfigChange} />
-      <PanelSectionRow>
-        <ButtonItem layout="below" onClick={() => void onRemove()}>
-          Remove profile
-        </ButtonItem>
-      </PanelSectionRow>
     </Focusable>
   );
 }