diff --git a/packages/comments/src/comments.tsx b/packages/comments/src/comments.tsx index 7a3e85edc..8f3fdad7b 100644 --- a/packages/comments/src/comments.tsx +++ b/packages/comments/src/comments.tsx @@ -11,6 +11,7 @@ import loadWidget from '@openstad-headless/lib/load-widget'; import { BaseProps } from '../../types/base-props'; import { ProjectSettingProps } from '../../types/project-setting-props'; +import hasRole from '@openstad/lib/has-role'; export type CommentsWidgetProps = BaseProps & ProjectSettingProps & diff --git a/packages/comments/src/main.tsx b/packages/comments/src/main.tsx index d81ef0f27..b7b9f43ce 100644 --- a/packages/comments/src/main.tsx +++ b/packages/comments/src/main.tsx @@ -27,6 +27,7 @@ const config: CommentsWidgetProps = { isReplyingEnabled: import.meta.env.VITE_IS_REPLYING_ENABLED != 'false', requiredUserRole: import.meta.env.VITE_REQUIRED_USER_ROLE, userNameFields: eval(import.meta.env.VITE_USER_NAME_FIELDS), + isClosed: import.meta.env.VITE_VOTING_IS_CLOSED, }; ReactDOM.createRoot(document.getElementById('root')!).render( diff --git a/packages/comments/src/parts/comment-form.tsx b/packages/comments/src/parts/comment-form.tsx index f381f2e6f..0f295b6db 100644 --- a/packages/comments/src/parts/comment-form.tsx +++ b/packages/comments/src/parts/comment-form.tsx @@ -62,33 +62,38 @@ function CommentForm({ Inloggen - ) : null} - - {hasRole(currentUser, 'member') && - !hasRole(currentUser, 'admin') && - !props.isReplyingEnabled ? ( - - -
- De reactiemogelijkheid is gesloten, u kunt niet meer reageren -
- -
- ) : null} + ) : ( + <> + {!hasRole(currentUser, 'moderator') && !props.isReplyingEnabled ? ( + + +
+ De reactiemogelijkheid is gesloten, u kunt niet meer reageren +
+ +
+ ) : null} - {hasRole(currentUser, 'admin') && !props.isReplyingEnabled ? ( - - -
- Reageren is gesloten, maar je kunt nog reageren vanwege je rol als - admin -
- -
- ) : null} + {hasRole(currentUser, 'moderator') && + !props.isReplyingEnabled && + !props.hideReplyAsAdmin ? ( + <> + + +
+ Reageren is gesloten, maar je kunt nog reageren vanwege je + rol als moderator +
+ +
+ + + ) : null} + + )} {(hasRole(currentUser, 'member') && props.isReplyingEnabled) || - hasRole(currentUser, 'admin') ? ( + hasRole(currentUser, 'moderator') ? ( <> args.comment.submitLike()}> - Mee eens ({args.comment.yes || 0}) + Mee eens ({args.comment.yes || 0}) ) : ( @@ -161,6 +162,7 @@ function Comment({
{ args.submitComment(e); diff --git a/packages/comments/src/types/comment-props.ts b/packages/comments/src/types/comment-props.ts index 25828487a..d31bbeed1 100644 --- a/packages/comments/src/types/comment-props.ts +++ b/packages/comments/src/types/comment-props.ts @@ -11,4 +11,5 @@ export type CommentProps = { requiredUserRole: string; userNameFields: Array; showDateSeperately?: boolean; + hideReplyAsAdmin?: boolean; }; diff --git a/packages/ui/src/button/index.css b/packages/ui/src/button/index.css index 5eff61579..0eb5426b2 100644 --- a/packages/ui/src/button/index.css +++ b/packages/ui/src/button/index.css @@ -19,7 +19,8 @@ gap: .5rem; border: none; background-color: var(--osc-background); - color: var(--osc-foreground) + color: var(--osc-foreground); + cursor: pointer; } .osc button.ghost.active i{