Show activity feed on Create page

web/pages/activity.tsx

@@ -69,16 +69,14 @@ 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 ? (
-  return (
+    <>
-    <Page>
       <Title text="Recent Activity" />
-      {contracts ? (
       <Row className="gap-4">
         <div>
           {activeContracts.map((contract) => (
@@ -86,9 +84,16 @@ export default function ActivityPage() {
           ))}
         </div>
       </Row>
+    </>
   ) : (
     <></>
-      )}
+  )
+}
+
+export default function ActivityPage() {
+  return (
+    <Page>
+      <ActivityFeed />
     </Page>
   )
 }

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() {
         </form>
       </div>
 
-      <Spacer h={10} />
+      <Spacer h={6} />
 
-      <Title text="Your markets" />
+      <ActivityFeed />
-
-      {creator && <CreatorContractsList creator={creator} />}
     </Page>
   )
 }