From 3a8239c92d5d41bd15461591b595d6806b5e9832 Mon Sep 17 00:00:00 2001 From: Tom Butcher Date: Sun, 9 Aug 2026 14:52:06 +0100 Subject: [PATCH] Enhance MessageContext for desktop compatibility - Updated MessageContext to adjust message positioning in the Electrobun desktop application, ensuring messages clear the custom title bar. - Introduced a conditional MESSAGE_TOP value based on the desktop environment, improving the user experience for desktop users. --- src/components/Dashboard/context/MessageContext.jsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/Dashboard/context/MessageContext.jsx b/src/components/Dashboard/context/MessageContext.jsx index cdea2c8..1faf25b 100644 --- a/src/components/Dashboard/context/MessageContext.jsx +++ b/src/components/Dashboard/context/MessageContext.jsx @@ -1,11 +1,16 @@ import { createContext, useContext } from 'react' import PropTypes from 'prop-types' import { message } from 'antd' +import { isElectrobunDesktop } from '../../../electrobun-bridge' const MessageContext = createContext() +// antd's default message top is 8px; push messages down an extra 40px in the +// desktop app so they clear the custom title bar / drag region. +const MESSAGE_TOP = isElectrobunDesktop() ? 48 : undefined + export const MessageProvider = ({ children }) => { - const [msgApi, contextHolder] = message.useMessage() + const [msgApi, contextHolder] = message.useMessage({ top: MESSAGE_TOP }) const showMessage = (type, content, options = {}) => { return msgApi.open({