+ manage posts permission

Arakasi21 · Jun 13, 2024 · 2d12ed6 · 2d12ed6
1 parent de4483f
commit 2d12ed6
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 25 deletions.
diff --git a/src/app/clubs/[clubID]/posts/page.tsx b/src/app/clubs/[clubID]/posts/page.tsx
@@ -12,10 +12,14 @@ import { DialogCreatePost } from '@/components/clubs/posts/DialogCreatePost'
 import PostItem from '@/app/clubs/[clubID]/posts/_components/PostItem'
 import Link from 'next/link'
 import { Button } from '@/components/ui/button'
+import useUserRolesStore from '@/store/useUserRoles'
+import { hasPermission } from '@/helpers/permissions'
+import { Permissions } from '@/types/permissions'
 
 function Page({ params }: { params: { clubID: number } }) {
 	const axiosAuth = useAxiosInterceptor()
 	const { user } = useUserStore()
+	const { permissions } = useUserRolesStore()
 
 	const [posts, setPosts] = useState<Post[]>([])
 	const [loading, setLoading] = useState(true)
@@ -109,29 +113,39 @@ function Page({ params }: { params: { clubID: number } }) {
 							</div>
 							<div className="flex flex-row gap-3">
 								<div className="flex gap-3">
-									{club && <DialogCreatePost club={club} onCreateSuccess={fetchClubPosts} />}
+									{hasPermission(permissions, Permissions.manage_posts) ? (
+										club && <DialogCreatePost club={club} onCreateSuccess={fetchClubPosts} />
+									) : (
+										<Button size="sm" variant="secondary" disabled>
+											Create Post
+										</Button>
+									)}
 								</div>
 							</div>
 						</div>
 					</CardHeader>
 					<CardContent>
-						<div className="grid gap-6">
-							{posts.length === 0 ? (
-								<div>No posts available.</div>
-							) : (
-								posts
-									?.slice()
-									.reverse()
-									.map((post) => (
-										<PostItem
-											post={post}
-											key={post.id}
-											onUpdate={onUpdate}
-											onDelete={handleDeletePost}
-										/>
-									))
-							)}
-						</div>
+						{hasPermission(permissions, Permissions.manage_posts) ? (
+							<div className="grid gap-6">
+								{posts.length === 0 ? (
+									<div>No posts available.</div>
+								) : (
+									posts
+										?.slice()
+										.reverse()
+										.map((post) => (
+											<PostItem
+												post={post}
+												key={post.id}
+												onUpdate={onUpdate}
+												onDelete={handleDeletePost}
+											/>
+										))
+								)}
+							</div>
+						) : (
+							<p>no access</p>
+						)}
 					</CardContent>
 				</Card>
 			</div>

diff --git a/src/components/clubs/ClubPageButtons.tsx b/src/components/clubs/ClubPageButtons.tsx
@@ -1,9 +1,10 @@
-import { Permissions } from '@/types/permissions'
-import { hasPermission } from '@/helpers/permissions'
 import Link from 'next/link'
 import { Button } from '@/components/ui/button'
 import React from 'react'
 import { Club } from '@/types/club'
+import { hasPermission } from '@/helpers/permissions'
+import { Permissions } from '@/types/permissions'
+import useUserRolesStore from '@/store/useUserRoles'
 
 export default function ClubPageButtons(props: {
 	memberPerms: Permissions
@@ -29,13 +30,15 @@ export default function ClubPageButtons(props: {
 									Settings
 								</Button>
 							</Link>
-							<Link href={`/clubs/${props.club?.id}/posts`}>
-								<Button className="bg-blue-200 text-gray-900 hover:bg-blue-200/70 dark:bg-[#ffffff] dark:hover:bg-[#ffffff]/90">
-									Posts
-								</Button>
-							</Link>
 						</div>
 					)}
+					{hasPermission(props.memberPerms, Permissions.manage_posts) && (
+						<Link href={`/clubs/${props.club?.id}/posts`}>
+							<Button className="bg-blue-200 text-gray-900 hover:bg-blue-200/70 dark:bg-[#ffffff] dark:hover:bg-[#ffffff]/90">
+								Posts
+							</Button>
+						</Link>
+					)}
 					<div>
 						{props.memberStatus === 'NOT_MEMBER' && (
 							<Button