open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Uncardify activity feed

Browse Source
This commit is contained in:
Austin Chen 2022-01-12 13:20:28 -05:00
parent 5c4235a247
commit 7c1d70313b
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/linkify.tsx
View File

@ -31,7 +31,7 @@ export function Linkify(props: { text: string; gray?: boolean }) {
) )
}) })
return ( return (
<span> <span className="break-words">
{text.split(regex).map((part, i) => ( {text.split(regex).map((part, i) => (
<Fragment key={i}> <Fragment key={i}>
{part} {part}

14
web/pages/activity.tsx
View File

@ -10,11 +10,7 @@ import { Col } from '../components/layout/col'
function FeedCard(props: { contract: Contract }) { function FeedCard(props: { contract: Contract }) {
const { contract } = props const { contract } = props
return ( return <ContractFeed contract={contract} feedType="activity" />
<div className="card bg-white shadow-md rounded-lg divide-y divide-gray-200 py-6 px-4 max-w-4xl">
<ContractFeed contract={contract} feedType="activity" />
</div>
)
} }
// This does NOT include comment times, since those aren't part of the contract atm. // This does NOT include comment times, since those aren't part of the contract atm.
@ -80,10 +76,12 @@ export function ActivityFeed(props: {
return contracts.length > 0 ? ( return contracts.length > 0 ? (
<> <>
<Title text="Recent Activity" /> <Title className="mb-0" text="Recent Activity" />
<Col className="gap-4"> <Col className="divide-gray-300 divide-y">
{activeContracts.map((contract) => ( {activeContracts.map((contract) => (
<FeedCard contract={contract} /> <div className="py-6 px-1 hover:bg-gray-100">
<FeedCard contract={contract} />
</div>
))} ))}
</Col> </Col>
</> </>