79 lines
2.1 KiB
JavaScript
79 lines
2.1 KiB
JavaScript
import { useEffect } from 'preact/hooks';
|
|
import { useSnapshot } from 'valtio';
|
|
|
|
import Columns from '../components/columns';
|
|
import Icon from '../components/icon';
|
|
import Link from '../components/link';
|
|
import db from '../utils/db';
|
|
import openCompose from '../utils/open-compose';
|
|
import states from '../utils/states';
|
|
import { getCurrentAccountNS } from '../utils/store-utils';
|
|
|
|
import Following from './following';
|
|
|
|
function Home() {
|
|
const snapStates = useSnapshot(states);
|
|
useEffect(() => {
|
|
(async () => {
|
|
const keys = await db.drafts.keys();
|
|
if (keys.length) {
|
|
const ns = getCurrentAccountNS();
|
|
const ownKeys = keys.filter((key) => key.startsWith(ns));
|
|
if (ownKeys.length) {
|
|
states.showDrafts = true;
|
|
}
|
|
}
|
|
})();
|
|
}, []);
|
|
|
|
return (
|
|
<>
|
|
{(snapStates.settings.shortcutsColumnsMode ||
|
|
snapStates.settings.shortcutsViewMode === 'multi-column') &&
|
|
!!snapStates.shortcuts?.length ? (
|
|
<Columns />
|
|
) : (
|
|
<Following
|
|
title="Home"
|
|
path="/"
|
|
id="home"
|
|
headerStart={false}
|
|
headerEnd={
|
|
<Link
|
|
to="/notifications"
|
|
class={`button plain notifications-button ${
|
|
snapStates.notificationsShowNew ? 'has-badge' : ''
|
|
}`}
|
|
onClick={(e) => {
|
|
e.stopPropagation();
|
|
}}
|
|
>
|
|
<Icon icon="notification" size="l" alt="Notifications" />
|
|
</Link>
|
|
}
|
|
/>
|
|
)}
|
|
<button
|
|
// hidden={scrollDirection === 'end' && !nearReachStart}
|
|
type="button"
|
|
id="compose-button"
|
|
onClick={(e) => {
|
|
if (e.shiftKey) {
|
|
const newWin = openCompose();
|
|
if (!newWin) {
|
|
alert('Looks like your browser is blocking popups.');
|
|
states.showCompose = true;
|
|
}
|
|
} else {
|
|
states.showCompose = true;
|
|
}
|
|
}}
|
|
>
|
|
<Icon icon="quill" size="xl" alt="Compose" />
|
|
</button>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default Home;
|