diff --git a/common/comment.ts b/common/comment.ts
index 5daeb37e..15cfbcb5 100644
--- a/common/comment.ts
+++ b/common/comment.ts
@@ -4,6 +4,7 @@ export type Comment = {
id: string
contractId: string
betId?: string
+ answerOutcome?: string
userId: string
text: string
diff --git a/og-image/api/_lib/template.ts b/og-image/api/_lib/template.ts
index 00d47394..a6b0336c 100644
--- a/og-image/api/_lib/template.ts
+++ b/og-image/api/_lib/template.ts
@@ -93,7 +93,8 @@ export function getHtml(parsedReq: ParsedRequest) {
creatorAvatarUrl,
} = parsedReq
const MAX_QUESTION_CHARS = 100
- const truncatedQuestion = question.length > MAX_QUESTION_CHARS
+ const truncatedQuestion =
+ question.length > MAX_QUESTION_CHARS
? question.slice(0, MAX_QUESTION_CHARS) + '...'
: question
const hideAvatar = creatorAvatarUrl ? '' : 'hidden'
diff --git a/web/components/contract/contract-tabs.tsx b/web/components/contract/contract-tabs.tsx
index 2ba6cde8..ae1203cf 100644
--- a/web/components/contract/contract-tabs.tsx
+++ b/web/components/contract/contract-tabs.tsx
@@ -7,6 +7,7 @@ import { ContractActivity } from '../feed/contract-activity'
import { ContractBetsTable, MyBetsSummary } from '../bets-list'
import { Spacer } from '../layout/spacer'
import { Tabs } from '../layout/tabs'
+import { Col } from '../layout/col'
export function ContractTabs(props: {
contract: Contract
@@ -33,14 +34,34 @@ export function ContractTabs(props: {
)
const commentActivity = (
-