mirror of
https://github.com/spacedriveapp/spacedrive
synced 2024-07-14 15:54:04 +00:00
* beginnings of app directory * settings mostly good * colocate way more components * flatten components folder * reexport QueryClientProvider from client * move CodeBlock back to interface * colocate Explorer, KeyManager + more * goddamn captialisation * get toasts out of components * please eslint * no more src directory * $ instead of : * added back RowHeader component * fix settings modal padding * more spacing, less margin * fix sidebar locations button * fix tags sidebar link * clean up back button * added margin to explorer context menu to prevent contact with edge of viewport * don't export QueryClientProvider from @sd/client * basic guidelines * import interface correctly * remove old demo data * fix onboarding layout * fix onboarding navigation * fix key manager settings button --------- Co-authored-by: Jamie Pine <ijamespine@me.com>
18 lines
453 B
TypeScript
18 lines
453 B
TypeScript
import { useEffect, useState } from 'react';
|
|
|
|
export function useFocusState() {
|
|
const [focused, setFocused] = useState(true);
|
|
const focus = () => setFocused(true);
|
|
const blur = () => setFocused(false);
|
|
useEffect(() => {
|
|
window.addEventListener('focus', focus);
|
|
window.addEventListener('blur', blur);
|
|
return () => {
|
|
window.removeEventListener('focus', focus);
|
|
window.removeEventListener('blur', blur);
|
|
};
|
|
}, []);
|
|
|
|
return [focused];
|
|
}
|