feat: organize game profiles and focus enabled settings

1 files changed, 14 insertions, 2 deletions

diff --git a/src/components/GameConfigurationControls.tsx b/src/components/GameConfigurationControls.tsx
index bdf9985..34b82c5 100644
--- a/src/components/GameConfigurationControls.tsx
+++ b/src/components/GameConfigurationControls.tsx
@@ -5,12 +5,24 @@ import { FpsMultiplierControl } from "./FpsMultiplierControl";
 interface Props {
   config: ConfigurationData;
   onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
+  autoFocusFpsMultiplier?: boolean;
+  onFpsMultiplierFocused?: () => void;
 }
 
-export function GameConfigurationControls({ config, onConfigChange }: Props) {
+export function GameConfigurationControls({
+  config,
+  onConfigChange,
+  autoFocusFpsMultiplier,
+  onFpsMultiplierFocused,
+}: Props) {
   return (
     <>
-      <FpsMultiplierControl config={config} onConfigChange={onConfigChange} />
+      <FpsMultiplierControl
+        config={config}
+        onConfigChange={onConfigChange}
+        autoFocus={autoFocusFpsMultiplier}
+        onAutoFocus={onFpsMultiplierFocused}
+      />
       <ConfigurationSection config={config} onConfigChange={onConfigChange} />
     </>
   );