yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import { GroupsFeedType } from "@hey/data/enums";
2import { useState } from "react";
3import CreateGroup from "@/components/Groups/Sidebar/Create/CreateGroup";
4import Footer from "@/components/Shared/Footer";
5import NotLoggedIn from "@/components/Shared/NotLoggedIn";
6import PageLayout from "@/components/Shared/PageLayout";
7import { Card } from "@/components/Shared/UI";
8import { useAccountStore } from "@/store/persisted/useAccountStore";
9import FeedType from "./FeedType";
10import List from "./List";
11
12const Groups = () => {
13 const { currentAccount } = useAccountStore();
14 const [feedType, setFeedType] = useState<GroupsFeedType>(
15 GroupsFeedType.Managed
16 );
17
18 if (!currentAccount) {
19 return <NotLoggedIn />;
20 }
21
22 return (
23 <PageLayout
24 sidebar={
25 <>
26 <CreateGroup />
27 <Footer />
28 </>
29 }
30 title="Groups"
31 >
32 <FeedType feedType={feedType} setFeedType={setFeedType} />
33 <Card>
34 <List feedType={feedType} />
35 </Card>
36 </PageLayout>
37 );
38};
39
40export default Groups;