diff --git a/web/components/contract-overview.tsx b/web/components/contract-overview.tsx
index 08e5d06f..2def0373 100644
--- a/web/components/contract-overview.tsx
+++ b/web/components/contract-overview.tsx
@@ -1,4 +1,4 @@
-import { Fragment, useState } from 'react'
+import { useState } from 'react'
import {
compute,
Contract,
@@ -13,7 +13,7 @@ import router from 'next/router'
import { useUser } from '../hooks/use-user'
import { Row } from './layout/row'
import dayjs from 'dayjs'
-import Link from 'next/link'
+import { Linkify } from './Linkify'
function ContractDescription(props: {
contract: Contract
@@ -33,46 +33,6 @@ function ContractDescription(props: {
setDescription(editStatement())
}
- // Return a JSX span, linkifying @username, #hashtags, and https://...
- function Linkify(props: { text: string }) {
- const { text } = props
- const regex = /(?:^|\s)(?:[@#][a-z0-9_]+|https?:\/\/\S+)/gi
- const matches = text.match(regex) || []
- const links = matches.map((match) => {
- // Matches are in the form: " @username" or "https://example.com"
- const whitespace = match.match(/^\s/)
- const symbol = match.trim().substring(0, 1)
- const tag = match.trim().substring(1)
- const href =
- {
- '@': `/${tag}`,
- '#': `/tag/${tag}`,
- }[symbol] ?? match
-
- return (
- <>
- {whitespace}
-
-
- {symbol}
- {tag}
-
-
- >
- )
- })
- return (
-
- {text.split(regex).map((part, i) => (
-
- {part}
- {links[i]}
-
- ))}
-
- )
- }
-
return (
@@ -146,7 +106,7 @@ export const ContractOverview = (props: {
- {contract.question}
+
diff --git a/web/components/contracts-list.tsx b/web/components/contracts-list.tsx
index 915239c5..50f183d2 100644
--- a/web/components/contracts-list.tsx
+++ b/web/components/contracts-list.tsx
@@ -13,6 +13,7 @@ import {
import { formatMoney } from '../lib/util/format'
import { User } from '../lib/firebase/users'
import { UserLink } from './user-page'
+import { Linkify } from './Linkify'
export function ContractDetails(props: { contract: Contract }) {
const { contract } = props
@@ -59,7 +60,7 @@ function ContractCard(props: { contract: Contract }) {
- {contract.question}
+
{resolutionText || (
diff --git a/web/components/linkify.tsx b/web/components/linkify.tsx
new file mode 100644
index 00000000..fd1be879
--- /dev/null
+++ b/web/components/linkify.tsx
@@ -0,0 +1,42 @@
+import Link from 'next/link'
+import { Fragment } from 'react'
+
+// Return a JSX span, linkifying @username, #hashtags, and https://...
+export function Linkify(props: { text: string }) {
+ const { text } = props
+ const regex = /(?:^|\s)(?:[@#][a-z0-9_]+|https?:\/\/\S+)/gi
+ const matches = text.match(regex) || []
+ const links = matches.map((match) => {
+ // Matches are in the form: " @username" or "https://example.com"
+ const whitespace = match.match(/^\s/)
+ const symbol = match.trim().substring(0, 1)
+ const tag = match.trim().substring(1)
+ const href =
+ {
+ '@': `/${tag}`,
+ '#': `/tag/${tag}`,
+ }[symbol] ?? match
+
+ return (
+ <>
+ {whitespace}
+
+
+ {symbol}
+ {tag}
+
+
+ >
+ )
+ })
+ return (
+
+ {text.split(regex).map((part, i) => (
+
+ {part}
+ {links[i]}
+
+ ))}
+
+ )
+}
diff --git a/web/pages/tag/[tag].tsx b/web/pages/tag/[tag].tsx
index 67e3d314..0a15c85e 100644
--- a/web/pages/tag/[tag].tsx
+++ b/web/pages/tag/[tag].tsx
@@ -12,8 +12,10 @@ export default function TagPage() {
let contracts = useContracts()
if (tag && contracts !== 'loading') {
- contracts = contracts.filter((contract) =>
- contract.description.toLowerCase().includes(`#${tag.toLowerCase()}`)
+ contracts = contracts.filter(
+ (contract) =>
+ contract.description.toLowerCase().includes(`#${tag.toLowerCase()}`) ||
+ contract.question.toLowerCase().includes(`#${tag.toLowerCase()}`)
)
}