phanpy/src/components/columns.jsx

44 lines
1.2 KiB
React
Raw Normal View History

import { useHotkeys } from 'react-hotkeys-hook';
import { useSnapshot } from 'valtio';
import Bookmarks from '../pages/bookmarks';
import Favourites from '../pages/favourites';
import Following from '../pages/following';
import Hashtag from '../pages/hashtag';
import List from '../pages/list';
import Notifications from '../pages/notifications';
import Public from '../pages/public';
import states from '../utils/states';
function Columns() {
const snapStates = useSnapshot(states);
const { shortcuts } = snapStates;
const components = shortcuts.map((shortcut) => {
const { type, ...params } = shortcut;
const Component = {
following: Following,
notifications: Notifications,
list: List,
public: Public,
bookmarks: Bookmarks,
favourites: Favourites,
hashtag: Hashtag,
}[type];
return <Component {...params} />;
});
useHotkeys(['1', '2', '3', '4', '5', '6', '7', '8', '9'], (e, handler) => {
try {
const index = parseInt(handler.keys[0], 10) - 1;
document.querySelectorAll('#columns > *')[index].focus();
} catch (e) {
console.error(e);
}
});
return <div id="columns">{components}</div>;
}
export default Columns;