diff --git a/web/pages/activity.tsx b/web/pages/activity.tsx
index fa742408..4feb494c 100644
--- a/web/pages/activity.tsx
+++ b/web/pages/activity.tsx
@@ -69,26 +69,31 @@ function findActiveContracts(
return contracts
}
-export default function ActivityPage() {
+export function ActivityFeed() {
const contracts = useContracts() || []
const recentComments = useRecentComments() || []
// TODO: Handle static props correctly?
const activeContracts = findActiveContracts(contracts, recentComments)
+ return contracts ? (
+ <>
+
+
+
+ {activeContracts.map((contract) => (
+
+ ))}
+
+
+ >
+ ) : (
+ <>>
+ )
+}
+export default function ActivityPage() {
return (
-
- {contracts ? (
-
-
- {activeContracts.map((contract) => (
-
- ))}
-
-
- ) : (
- <>>
- )}
+
)
}
diff --git a/web/pages/create.tsx b/web/pages/create.tsx
index f431a37e..7e00191b 100644
--- a/web/pages/create.tsx
+++ b/web/pages/create.tsx
@@ -14,6 +14,7 @@ import { AdvancedPanel } from '../components/advanced-panel'
import { createContract } from '../lib/firebase/api-call'
import { Row } from '../components/layout/row'
import { AmountInput } from '../components/amount-input'
+import { ActivityFeed } from './activity'
// Allow user to create a new contract
export default function NewContract() {
@@ -210,11 +211,9 @@ export default function NewContract() {
-
+
-
-
- {creator && }
+
)
}