You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
memos/web/src/pages/Home.tsx

42 lines
1.3 KiB
TypeScript

import { useEffect } from "react";
import HomeSidebar from "@/components/HomeSidebar";
import MemoEditor from "@/components/MemoEditor";
import MemoFilter from "@/components/MemoFilter";
import MemoList from "@/components/MemoList";
import MobileHeader from "@/components/MobileHeader";
import useCurrentUser from "@/hooks/useCurrentUser";
import { useGlobalStore, useUserStore } from "@/store/module";
4 years ago
const Home = () => {
const globalStore = useGlobalStore();
const userStore = useUserStore();
const user = useCurrentUser();
4 years ago
useEffect(() => {
if (!user) {
const systemStatus = globalStore.state.systemStatus;
if (systemStatus.disablePublicMemos) {
window.location.href = "/auth";
} else {
window.location.href = "/explore";
}
}
}, []);
4 years ago
return (
<div className="w-full flex flex-row justify-start items-start">
<div className="flex-grow shrink w-auto px-4 sm:px-2 sm:pt-4">
<MobileHeader />
<div className="w-full h-auto flex flex-col justify-start items-start bg-zinc-100 dark:bg-zinc-800 rounded-lg">
{!userStore.isVisitorMode() && <MemoEditor className="mb-2" />}
<MemoFilter />
</div>
<MemoList />
</div>
<HomeSidebar />
</div>
4 years ago
);
};
4 years ago
export default Home;