assets/stylesheets/App.css

@@ -344,8 +344,7 @@ body {
   overflow: hidden;
 }
 
-.ant-modal-mask,
-.ant-drawer-mask {
+.ant-modal-mask {
   backdrop-filter: blur(3px);
 }
 
@@ -968,8 +967,7 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
 }
 
 .electron-body .ant-modal-wrap,
-.electron-body .ant-modal-mask,
-.electron-body .ant-drawer {
+.electron-body .ant-modal-mask {
   top: 41px;
 }
 

src/components/Dashboard/common/NotesPanel.jsx

@@ -25,14 +25,12 @@ const { Text } = Typography
 const NotesPanel = ({ _id, type }) => {
   const [newNoteOpen, setNewNoteOpen] = useState(false)
   const [loading, setLoading] = useState(true)
+  const [initialized, setInitialized] = useState(false)
   const [error, setError] = useState(null)
   const [notes, setNotes] = useState(null)
   const [expandedNotes, setExpandedNotes] = useState({})
   const subscribeToObjectTypeUpdatesRef = useRef(null)
 
-  const notesIdRef = useRef(null)
-  const notesTypeRef = useRef(null)
-
   const { token } = useContext(AuthContext)
   const { fetchNotes, connected, subscribeToObjectTypeUpdates } =
     useContext(ApiServerContext)
@@ -52,7 +50,6 @@ const NotesPanel = ({ _id, type }) => {
 
   const generateNotes = useCallback(
     async (id) => {
-      setLoading(true)
       const notesData = await fetchData(id)
       setLoading(false)
 
@@ -111,16 +108,11 @@ const NotesPanel = ({ _id, type }) => {
   }, [_id, subscribeToObjectTypeUpdates, connected, handleReloadData])
 
   useEffect(() => {
-    if (
-      connected == true &&
-      token != null &&
-      (_id != notesIdRef.current || type != notesTypeRef.current)
-    ) {
+    if (connected == true && token != null && !initialized) {
       handleReloadData()
-      notesIdRef.current = _id
-      notesTypeRef.current = type
+      setInitialized(true)
     }
-  }, [token, handleReloadData, connected, _id, type])
+  }, [token, handleReloadData, initialized, connected])
 
   const actionItems = {
     items: [

src/components/Dashboard/context/NotificationContext.jsx

@@ -13,6 +13,7 @@ import { ApiServerContext } from './ApiServerContext'
 import NotificationCenter from '../common/NotificationCenter'
 import Notification from '../common/Notification'
 import { useMediaQuery } from 'react-responsive'
+import { ElectronContext } from './ElectronContext'
 
 const NotificationContext = createContext()
 
@@ -35,6 +36,8 @@ const NotificationProvider = ({ children }) => {
   const [notifications, setNotifications] = useState([])
   const [notificationsLoading, setNotificationsLoading] = useState(false)
 
+  const { isElectron } = useContext(ElectronContext)
+
   const isMobile = useMediaQuery({ maxWidth: 768 })
 
   const fetchNotifications = useCallback(async () => {
@@ -180,6 +183,7 @@ const NotificationProvider = ({ children }) => {
         title='Notifications'
         placement='right'
         width={isMobile ? '100%' : 460}
+        style={{ marginTop: isElectron ? '40px' : '0px' }}
         onClose={() => setNotificationCenterVisible(false)}
         open={notificationCenterVisible}
       >