WIP: Basic create and read ops for community, posts and comments; Com…

…munity pages
codelitdev · Dec 14, 2024 · 0a7bdf8 · 0a7bdf8
1 parent 3a8f727
commit 0a7bdf8
Show file tree

Hide file tree

Showing 121 changed files with 6,687 additions and 485 deletions.
diff --git a/.yarn/cache/@radix-ui-react-alert-dialog-npm-1.1.2-41415da57f-3d12b86e55.zip b/.yarn/cache/@radix-ui-react-alert-dialog-npm-1.1.2-41415da57f-3d12b86e55.zip
diff --git a/apps/web/app/dashboard2/blog/[id]/blog-layout.tsx b/apps/web/app/dashboard2/blog/[id]/blog-layout.tsx
@@ -21,7 +21,7 @@ export default function BlogLayout({
 }) {
     const address = useContext(AddressContext);
     const siteinfo = useContext(SiteInfoContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
 
     if (
         !checkPermission(profile.permissions!, [

diff --git a/apps/web/app/dashboard2/blog/[id]/details/page.tsx b/apps/web/app/dashboard2/blog/[id]/details/page.tsx
@@ -7,7 +7,7 @@ import { useContext } from "react";
 
 export default function Page({ params }: { params: { id: string } }) {
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const { id } = params;
 
     return (

diff --git a/apps/web/app/dashboard2/blog/layout.tsx b/apps/web/app/dashboard2/blog/layout.tsx
@@ -8,7 +8,7 @@ import { ReactNode, useContext } from "react";
 const { permissions } = UIConstants;
 
 export default function Page({ children }: { children: ReactNode }) {
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
 
     if (
         !checkPermission(profile.permissions!, [

diff --git a/apps/web/app/dashboard2/blogs/page.tsx b/apps/web/app/dashboard2/blogs/page.tsx
@@ -14,7 +14,7 @@ const { permissions } = UIConstants;
 
 export default function Page() {
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const siteinfo = useContext(SiteInfoContext);
 
     if (

diff --git a/apps/web/app/dashboard2/mails/mail-hub.tsx b/apps/web/app/dashboard2/mails/mail-hub.tsx
@@ -12,7 +12,7 @@ const { permissions } = UIConstants;
 
 export default function MailHub() {
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const searchParams = useSearchParams();
 
     const tab = searchParams?.get("tab") || "Broadcasts";

diff --git a/apps/web/app/dashboard2/my-content/page.tsx b/apps/web/app/dashboard2/my-content/page.tsx
@@ -20,7 +20,7 @@ export default function Page() {
     const [courses, setCourses] = useState([]);
     const [loaded, setLoaded] = useState(false);
 
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const address = useContext(AddressContext);
 
     useEffect(() => {

diff --git a/apps/web/app/dashboard2/overview/page.tsx b/apps/web/app/dashboard2/overview/page.tsx
@@ -16,7 +16,7 @@ import { useContext } from "react";
 export default function Page() {
     const siteInfo = useContext(SiteInfoContext);
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
 
     if (
         !checkPermission(profile.permissions!, [

diff --git a/apps/web/app/dashboard2/pages/page.tsx b/apps/web/app/dashboard2/pages/page.tsx
@@ -10,7 +10,7 @@ const { permissions } = UIConstants;
 
 export default function Page() {
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
 
     if (!checkPermission(profile.permissions!, [permissions.manageSite])) {
         return <LoadingScreen />;

diff --git a/apps/web/app/dashboard2/product/[id]/details/page.tsx b/apps/web/app/dashboard2/product/[id]/details/page.tsx
@@ -7,7 +7,7 @@ import { useContext } from "react";
 
 export default function Page({ params }: { params: { id: string } }) {
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const { id } = params;
 
     return (

diff --git a/apps/web/app/dashboard2/product/[id]/section/[section]/lesson/[lesson]/page.tsx b/apps/web/app/dashboard2/product/[id]/section/[section]/lesson/[lesson]/page.tsx
@@ -10,7 +10,7 @@ export default function Page({
     params: { id: string; section: string; lesson: string };
 }) {
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const { id, section, lesson } = params;
 
     return (

diff --git a/apps/web/app/dashboard2/product/[id]/section/[section]/lesson/new/page.tsx b/apps/web/app/dashboard2/product/[id]/section/[section]/lesson/new/page.tsx
@@ -10,7 +10,7 @@ export default function Page({
     params: { id: string; section: string };
 }) {
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const { id, section } = params;
 
     return (

diff --git a/apps/web/app/dashboard2/product/layout.tsx b/apps/web/app/dashboard2/product/layout.tsx
@@ -9,7 +9,7 @@ import { ReactNode, useContext } from "react";
 const { permissions } = UIConstants;
 
 export default function Page({ children }: { children: ReactNode }) {
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
 
     if (
         !checkPermission(profile.permissions!, [

diff --git a/apps/web/app/dashboard2/products/page.tsx b/apps/web/app/dashboard2/products/page.tsx
@@ -14,7 +14,7 @@ const { permissions } = UIConstants;
 
 export default function Page() {
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const siteinfo = useContext(SiteInfoContext);
 
     if (

diff --git a/apps/web/app/dashboard2/profile/page.tsx b/apps/web/app/dashboard2/profile/page.tsx
@@ -39,7 +39,7 @@ export default function Page() {
     const [avatar, setAvatar] = useState<Partial<Media>>({});
     const [subscribedToUpdates, setSubscribedToUpdates] = useState(false);
 
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const address = useContext(AddressContext);
 
     useEffect(() => {

diff --git a/apps/web/app/dashboard2/settings/page.tsx b/apps/web/app/dashboard2/settings/page.tsx
@@ -16,7 +16,7 @@ const { permissions } = UIConstants;
 export default function Page() {
     const siteinfo = useContext(SiteInfoContext);
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const searchParams = useSearchParams();
 
     const tab = searchParams?.get("tab") || "Branding";

diff --git a/apps/web/app/dashboard2/users/users-hub.tsx b/apps/web/app/dashboard2/users/users-hub.tsx
@@ -51,7 +51,7 @@ export default function UsersHub() {
     const [count, setCount] = useState(0);
     const router = useRouter();
 
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
 
     const loadUsers = useCallback(async () => {
         const query =

diff --git a/apps/web/app/dashboard4/(sidebar)/blog/[id]/page.tsx b/apps/web/app/dashboard4/(sidebar)/blog/[id]/page.tsx
@@ -38,7 +38,7 @@ export default function Page({ params }: { params: { id: string } }) {
     const searchParams = useSearchParams();
     const [tab, setTab] = useState(searchParams?.get("tab") || "Details");
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const course = useCourse(id, address);
     const router = useRouter();
 

diff --git a/apps/web/app/dashboard4/(sidebar)/blog/layout.tsx b/apps/web/app/dashboard4/(sidebar)/blog/layout.tsx
@@ -8,7 +8,7 @@ import { ReactNode, useContext } from "react";
 const { permissions } = UIConstants;
 
 export default function Page({ children }: { children: ReactNode }) {
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
 
     if (
         !checkPermission(profile.permissions!, [

diff --git a/apps/web/app/dashboard4/(sidebar)/blogs/page.tsx b/apps/web/app/dashboard4/(sidebar)/blogs/page.tsx
@@ -18,7 +18,7 @@ const breadcrumbs = [{ label: MANAGE_BLOG_PAGE_HEADING, href: "#" }];
 
 export default function Page() {
     const address = useContext(AddressContext);
-    const profile = useContext(ProfileContext);
+    const { profile } = useContext(ProfileContext);
     const siteinfo = useContext(SiteInfoContext);
 
     if (

diff --git a/apps/web/app/dashboard4/(sidebar)/community/[id]/join/page.tsx b/apps/web/app/dashboard4/(sidebar)/community/[id]/join/page.tsx
diff --git a/apps/web/app/dashboard4/(sidebar)/community/[id]/memberships/layout.tsx b/apps/web/app/dashboard4/(sidebar)/community/[id]/memberships/layout.tsx
@@ -0,0 +1,16 @@
+import { COMMUNITY_MEMBERSHIP_LIST_HEADER } from "@ui-config/strings";
+import type { Metadata, ResolvingMetadata } from "next";
+import { ReactNode } from "react";
+
+export async function generateMetadata(
+    _: any,
+    parent: ResolvingMetadata,
+): Promise<Metadata> {
+    return {
+        title: `${COMMUNITY_MEMBERSHIP_LIST_HEADER} | ${(await parent)?.title?.absolute}`,
+    };
+}
+
+export default function Layout({ children }: { children: ReactNode }) {
+    return children;
+}
diff --git a/apps/web/app/dashboard4/(sidebar)/community/[id]/memberships/page.tsx b/apps/web/app/dashboard4/(sidebar)/community/[id]/memberships/page.tsx
@@ -0,0 +1,28 @@
+import DashboardContent from "@components/admin/dashboard-content";
+import { MembershipList } from "@components/community/membership-list";
+import {
+    COMMUNITY_HEADER,
+    COMMUNITY_MEMBERSHIP_LIST_HEADER,
+} from "@ui-config/strings";
+
+export default function Page({
+    params,
+}: {
+    params: {
+        id: string;
+    };
+}) {
+    const { id } = params;
+    const breadcrumbs = [
+        {
+            label: COMMUNITY_HEADER,
+            href: `/dashboard4/community/${id}`,
+        },
+        { label: COMMUNITY_MEMBERSHIP_LIST_HEADER, href: "#" },
+    ];
+    return (
+        <DashboardContent breadcrumbs={breadcrumbs}>
+            <MembershipList id={id} />
+        </DashboardContent>
+    );
+}
diff --git a/apps/web/app/dashboard4/(sidebar)/community/[id]/page.tsx b/apps/web/app/dashboard4/(sidebar)/community/[id]/page.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import DashboardContent from "@components/admin/dashboard-content";
+import { CommunityForum } from "@components/community";
+import { COMMUNITY_HEADER } from "@ui-config/strings";
+import { useSearchParams } from "next/navigation";
+
+const breadcrumbs = [{ label: COMMUNITY_HEADER, href: "#" }];
+
+export default function Page({ params }: { params: { id: string } }) {
+    const { id } = params;
+    const searchParams = useSearchParams();
+    const category = searchParams?.get("category") || "All";
+
+    return (
+        <DashboardContent breadcrumbs={breadcrumbs}>
+            <CommunityForum id={id} activeCategory={category} />
+        </DashboardContent>
+    );
+}