diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-01-08 21:36:43 +0100 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-01-09 19:53:03 +0100 |
commit | d07e7b834831230b53860d0919a68edc2d36193d (patch) | |
tree | a1f2a021563ddff54f33341c475fc6c6eb787388 /packages/renderer/src/components/BrowserViewPlaceholder.tsx | |
parent | New configurations based on review comments (WIP) (diff) | |
download | sophie-d07e7b834831230b53860d0919a68edc2d36193d.tar.gz sophie-d07e7b834831230b53860d0919a68edc2d36193d.tar.zst sophie-d07e7b834831230b53860d0919a68edc2d36193d.zip |
build: Eslint fixes for multi-module project
Signed-off-by: Kristóf Marussy <kristof@marussy.com>
Diffstat (limited to 'packages/renderer/src/components/BrowserViewPlaceholder.tsx')
-rw-r--r-- | packages/renderer/src/components/BrowserViewPlaceholder.tsx | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/packages/renderer/src/components/BrowserViewPlaceholder.tsx b/packages/renderer/src/components/BrowserViewPlaceholder.tsx index 6aa6b7b..c671983 100644 --- a/packages/renderer/src/components/BrowserViewPlaceholder.tsx +++ b/packages/renderer/src/components/BrowserViewPlaceholder.tsx | |||
@@ -18,17 +18,15 @@ | |||
18 | * SPDX-License-Identifier: AGPL-3.0-only | 18 | * SPDX-License-Identifier: AGPL-3.0-only |
19 | */ | 19 | */ |
20 | 20 | ||
21 | import { throttle } from 'lodash'; | ||
22 | import { observer } from 'mobx-react-lite'; | ||
23 | import Box from '@mui/material/Box'; | 21 | import Box from '@mui/material/Box'; |
22 | import throttle from 'lodash-es/throttle'; | ||
23 | import { observer } from 'mobx-react-lite'; | ||
24 | import React, { useCallback, useRef } from 'react'; | 24 | import React, { useCallback, useRef } from 'react'; |
25 | 25 | ||
26 | import { useStore } from './StoreProvider'; | 26 | import { useStore } from './StoreProvider'; |
27 | 27 | ||
28 | export const BrowserViewPlaceholder = observer(function BrowserViewPlaceholder() { | 28 | export default observer(() => { |
29 | const { | 29 | const store = useStore(); |
30 | setBrowserViewBounds, | ||
31 | } = useStore(); | ||
32 | 30 | ||
33 | const onResize = useCallback(throttle(([entry]: ResizeObserverEntry[]) => { | 31 | const onResize = useCallback(throttle(([entry]: ResizeObserverEntry[]) => { |
34 | if (entry) { | 32 | if (entry) { |
@@ -38,14 +36,14 @@ export const BrowserViewPlaceholder = observer(function BrowserViewPlaceholder() | |||
38 | width, | 36 | width, |
39 | height, | 37 | height, |
40 | } = entry.target.getBoundingClientRect(); | 38 | } = entry.target.getBoundingClientRect(); |
41 | setBrowserViewBounds({ | 39 | store.setBrowserViewBounds({ |
42 | x, | 40 | x, |
43 | y, | 41 | y, |
44 | width, | 42 | width, |
45 | height, | 43 | height, |
46 | }); | 44 | }); |
47 | } | 45 | } |
48 | }, 100), [setBrowserViewBounds]); | 46 | }, 100), [store]); |
49 | 47 | ||
50 | const resizeObserverRef = useRef<ResizeObserver | null>(null); | 48 | const resizeObserverRef = useRef<ResizeObserver | null>(null); |
51 | 49 | ||