V2/community group

src/app/(withLayout)/community/[id]/page.tsx → src/app/(withLayout)/community/[...id]/page.tsx

@@ -1,13 +1,12 @@
-'use client'
 import UniversityCard from '@/components/molecules/UniversityCard'
 import PostContainer from '@/components/organisms/PostsContainer'
 import UserPostContainer from '@/components/organisms/UserPostContainer'
-import { PostInputType } from '@/types/constants'
-import { useParams } from 'next/navigation'
-import React from 'react'
+import { PostInputType, PostType } from '@/types/constants'
+
+export default function Page({ params }: { params: { id: string } }) {
+  const communityID = params.id[0]
+  const communityGroupID = params.id[1]
 
-const Community = () => {
-  const { id } = useParams()
   return (
     <>
       <UniversityCard
@@ -19,11 +18,11 @@ const Community = () => {
           'Official community page for Lorem University. For inquiries contact the Human Resources Department in B-Wing of Northern Campus.'
         }
         memberCount={200}
+        communityID={communityID}
+        communityGroupID={communityGroupID}
       />
-      <UserPostContainer type={PostInputType.Community} />
-      <PostContainer communityId={id} />
+      <UserPostContainer communityID={communityID} communityGroupID={communityGroupID} type={PostInputType.Community} />
+      <PostContainer communityID={communityID} communityGroupID={communityGroupID} type={PostType.Community} />
     </>
   )
 }
-
-export default Community

src/app/(withLayout)/timeline/page.tsx

@@ -1,13 +1,13 @@
 import PostContainer from '@/components/organisms/PostsContainer'
 import UserPostContainer from '@/components/organisms/UserPostContainer'
-import { PostInputType } from '@/types/constants'
+import { PostInputType, PostType } from '@/types/constants'
 import React from 'react'
 
 export default function Timeline() {
   return (
     <>
       <UserPostContainer type={PostInputType.Timeline} />
-      <PostContainer isTimeline={true} />
+      <PostContainer type={PostType.Timeline} />
     </>
   )
 }

src/components/atoms/Input/InputBox.tsx

@@ -4,7 +4,7 @@ type Props = {
   placeholder?: string
   className?: string
   type: string
-  err: boolean
+  err?: boolean
 }
 const InputBox = forwardRef<HTMLInputElement, Props>(({ placeholder, className, type, err, ...rest }, ref) => {
   return (