diff --git a/app/javascript/components/Comments/Comment.tsx b/app/javascript/components/Comments/Comment.tsx
index 647fa6da..4626e778 100644
--- a/app/javascript/components/Comments/Comment.tsx
+++ b/app/javascript/components/Comments/Comment.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { FormEvent } from 'react';
import NewComment from './NewComment';
+import Separator from '../shared/Separator';
import { MutedText } from '../shared/CustomTexts';
import { CommentRepliesState } from '../../reducers/commentRepliesReducer';
@@ -22,6 +23,7 @@ interface Props {
handleSubmitComment(body: string, parentId: number): void;
isLoggedIn: boolean;
+ isPowerUser: boolean;
}
const Comment = ({
@@ -38,6 +40,7 @@ const Comment = ({
handleSubmitComment,
isLoggedIn,
+ isPowerUser,
}: Props) => (
{
diff --git a/app/javascript/components/Comments/CommentList.tsx b/app/javascript/components/Comments/CommentList.tsx
index f2b3fe4e..2b085424 100644
--- a/app/javascript/components/Comments/CommentList.tsx
+++ b/app/javascript/components/Comments/CommentList.tsx
@@ -17,6 +17,7 @@ interface Props {
handleSubmitComment(body: string, parentId: number): void;
isLoggedIn: boolean;
+ isPowerUser: boolean;
}
const CommentList = ({
@@ -30,6 +31,7 @@ const CommentList = ({
handleSubmitComment,
isLoggedIn,
+ isPowerUser,
}: Props) => (
{comments.map((comment, i) => {
@@ -49,6 +51,7 @@ const CommentList = ({
{...comment}
isLoggedIn={isLoggedIn}
+ isPowerUser={isPowerUser}
/>
);
diff --git a/app/javascript/components/Comments/CommentsP.tsx b/app/javascript/components/Comments/CommentsP.tsx
index 58fcb7c6..096d6909 100644
--- a/app/javascript/components/Comments/CommentsP.tsx
+++ b/app/javascript/components/Comments/CommentsP.tsx
@@ -12,6 +12,7 @@ import { CommentRepliesState } from '../../reducers/commentRepliesReducer';
interface Props {
postId: number;
isLoggedIn: boolean;
+ isPowerUser: boolean;
authenticityToken: string;
comments: Array;
@@ -47,6 +48,7 @@ class CommentsP extends React.Component {
render() {
const {
isLoggedIn,
+ isPowerUser,
comments,
replies,
@@ -92,6 +94,7 @@ class CommentsP extends React.Component {
parentId={null}
level={1}
isLoggedIn={isLoggedIn}
+ isPowerUser={isPowerUser}
/>
);
diff --git a/app/javascript/components/Post/PostP.tsx b/app/javascript/components/Post/PostP.tsx
index ffecb106..315abcb1 100644
--- a/app/javascript/components/Post/PostP.tsx
+++ b/app/javascript/components/Post/PostP.tsx
@@ -65,7 +65,13 @@ class PostP extends React.Component {
-
{post.title}
+
+
{post.title}
+ {
+ isPowerUser && post ?
+
Edit : null
+ }
+
{
isPowerUser && post ?
@@ -101,6 +107,7 @@ class PostP extends React.Component
{
diff --git a/app/javascript/components/shared/Separator.tsx b/app/javascript/components/shared/Separator.tsx
new file mode 100644
index 00000000..5981c253
--- /dev/null
+++ b/app/javascript/components/shared/Separator.tsx
@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+const Separator = () =>
•
+
+export default Separator;
\ No newline at end of file
diff --git a/app/javascript/stylesheets/components/Post.scss b/app/javascript/stylesheets/components/Post.scss
index c2d0b758..24a9a977 100644
--- a/app/javascript/stylesheets/components/Post.scss
+++ b/app/javascript/stylesheets/components/Post.scss
@@ -26,6 +26,18 @@
}
}
+ .postHeader {
+ @extend
+ .d-flex;
+
+ a {
+ @extend
+ .ml-1;
+
+ line-height: 1em;
+ }
+ }
+
.postSettings {
@extend
.d-flex,