diff --git a/pkg/interface/src/views/apps/links/components/comment-item.js b/pkg/interface/src/views/apps/links/components/comment-item.js
index 1f37e045ba..56a48acf7d 100644
--- a/pkg/interface/src/views/apps/links/components/comment-item.js
+++ b/pkg/interface/src/views/apps/links/components/comment-item.js
@@ -4,9 +4,10 @@ import { cite } from '~/logic/lib/util';
import moment from 'moment';
import { Box, Text, Row } from '@tlon/indigo-react';
import RichText from '~/views/components/RichText';
+import { MentionText } from "~/views/components/MentionText";
export const CommentItem = (props) => {
- const content = props.post.contents[0].text;
+ const content = props.post.contents;
const timeSent =
moment.unix(props.post['time-sent'] / 1000).format('hh:mm a');
@@ -33,10 +34,12 @@ export const CommentItem = (props) => {
-
-
- {content}
-
+
+
diff --git a/pkg/interface/src/views/apps/links/components/comment-submit.js b/pkg/interface/src/views/apps/links/components/comment-submit.js
index baff2d4a8c..65e26ea387 100644
--- a/pkg/interface/src/views/apps/links/components/comment-submit.js
+++ b/pkg/interface/src/views/apps/links/components/comment-submit.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
import { Spinner } from '~/views/components/Spinner';
import { createPost } from '~/logic/api/graph';
import { deSig } from "~/logic/lib/util";
+import { scanForMentions } from "~/logic/lib/graph";
export class CommentSubmit extends Component {
@@ -17,9 +18,8 @@ export class CommentSubmit extends Component {
onClickPost() {
const parentIndex = this.props.parentIndex || '';
- let post = createPost([
- { text: this.state.comment },
- ], parentIndex);
+ const content = scanForMentions(this.state.comment);
+ let post = createPost(content, parentIndex);
this.setState({ disabled: true }, () => {
this.props.api.graph.addPost(
diff --git a/pkg/interface/src/views/apps/links/components/comments.js b/pkg/interface/src/views/apps/links/components/comments.js
index ab1858a70c..c8c56aeabe 100644
--- a/pkg/interface/src/views/apps/links/components/comments.js
+++ b/pkg/interface/src/views/apps/links/components/comments.js
@@ -23,6 +23,7 @@ export const Comments = (props) => {
return (