diff --git a/src/components/settings/HandyShortcut.tsx b/src/components/settings/HandyShortcut.tsx index b89b87f..660914c 100644 --- a/src/components/settings/HandyShortcut.tsx +++ b/src/components/settings/HandyShortcut.tsx @@ -273,6 +273,7 @@ export const HandyShortcut: React.FC = ({ description="Set the keyboard shortcut to start and stop speech-to-text recording" descriptionMode={descriptionMode} grouped={grouped} + tooltipPosition="bottom" > {(() => { const primaryBinding = Object.values(bindings)[0]; diff --git a/src/components/settings/PasteMethod.tsx b/src/components/settings/PasteMethod.tsx index 21c4c0c..70b1b71 100644 --- a/src/components/settings/PasteMethod.tsx +++ b/src/components/settings/PasteMethod.tsx @@ -14,30 +14,30 @@ const pasteMethodOptions = [ { value: "direct", label: "Direct" }, ]; -export const PasteMethodSetting: React.FC = React.memo(({ - descriptionMode = "tooltip", - grouped = false, -}) => { - const { getSetting, updateSetting, isUpdating } = useSettings(); +export const PasteMethodSetting: React.FC = React.memo( + ({ descriptionMode = "tooltip", grouped = false }) => { + const { getSetting, updateSetting, isUpdating } = useSettings(); - const selectedMethod = (getSetting("paste_method") || - "ctrl_v") as PasteMethod; + const selectedMethod = (getSetting("paste_method") || + "ctrl_v") as PasteMethod; - return ( - - - updateSetting("paste_method", value as PasteMethod) - } - disabled={isUpdating("paste_method")} - /> - - ); -}); + return ( + + + updateSetting("paste_method", value as PasteMethod) + } + disabled={isUpdating("paste_method")} + /> + + ); + }, +); diff --git a/src/components/settings/StartHidden.tsx b/src/components/settings/StartHidden.tsx index 186b425..87321b7 100644 --- a/src/components/settings/StartHidden.tsx +++ b/src/components/settings/StartHidden.tsx @@ -24,6 +24,7 @@ export const StartHidden: React.FC = React.memo(({ description="Launch to system tray without opening the window." descriptionMode={descriptionMode} grouped={grouped} + tooltipPosition="bottom" /> ); }); diff --git a/src/components/ui/SettingContainer.tsx b/src/components/ui/SettingContainer.tsx index 1a064c7..3209926 100644 --- a/src/components/ui/SettingContainer.tsx +++ b/src/components/ui/SettingContainer.tsx @@ -8,6 +8,7 @@ interface SettingContainerProps { grouped?: boolean; layout?: "horizontal" | "stacked"; disabled?: boolean; + tooltipPosition?: "top" | "bottom"; } export const SettingContainer: React.FC = ({ @@ -18,6 +19,7 @@ export const SettingContainer: React.FC = ({ grouped = false, layout = "horizontal", disabled = false, + tooltipPosition = "top", }) => { const [showTooltip, setShowTooltip] = useState(false); const tooltipRef = useRef(null); @@ -162,11 +164,11 @@ export const SettingContainer: React.FC = ({ /> {showTooltip && ( -
+

{description}

-
+
)}
diff --git a/src/components/ui/ToggleSwitch.tsx b/src/components/ui/ToggleSwitch.tsx index b40c6d1..4be0461 100644 --- a/src/components/ui/ToggleSwitch.tsx +++ b/src/components/ui/ToggleSwitch.tsx @@ -10,6 +10,7 @@ interface ToggleSwitchProps { description: string; descriptionMode?: "inline" | "tooltip"; grouped?: boolean; + tooltipPosition?: "top" | "bottom"; } export const ToggleSwitch: React.FC = ({ @@ -21,6 +22,7 @@ export const ToggleSwitch: React.FC = ({ description, descriptionMode = "tooltip", grouped = false, + tooltipPosition = "top", }) => { return ( = ({ descriptionMode={descriptionMode} grouped={grouped} disabled={disabled} + tooltipPosition={tooltipPosition} >