mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-15 17:12:24 +01:00
parent c3b308e960
commit f035cfe7ce
468 changed files with 24378 additions and 17324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
apps/website/components/sponsors/ActivityItem.tsx
View File

@@ -1,7 +1,5 @@
import React from 'react';
import { Box } from '@/ui/Box';
import { Stack } from '@/ui/Stack';
import { Text } from '@/ui/Text';
import { SponsorActivityItem } from '@/ui/SponsorActivityItem';
interface ActivityItemProps {
activity: {
@@ -15,20 +13,11 @@ interface ActivityItemProps {
export function ActivityItem({ activity }: ActivityItemProps) {
return (
<Stack direction="row" align="start" gap={3} style={{ padding: '0.75rem 0', borderBottom: '1px solid rgba(38, 38, 38, 0.5)' }}>
<Box style={{ width: '0.5rem', height: '0.5rem', borderRadius: '9999px', marginTop: '0.5rem', backgroundColor: activity.typeColor }} />
<Box style={{ flex: 1, minWidth: 0 }}>
<Text size="sm" color="text-white" style={{ display: 'block', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>{activity.message}</Text>
<Stack direction="row" align="center" gap={2} style={{ marginTop: '0.25rem' }}>
<Text size="xs" color="text-gray-500">{activity.time}</Text>
{activity.formattedImpressions && (
<>
<Text size="xs" color="text-gray-600">•</Text>
<Text size="xs" color="text-gray-400">{activity.formattedImpressions} views</Text>
</>
)}
</Stack>
</Box>
</Stack>
<SponsorActivityItem
message={activity.message}
time={activity.time}
typeColor={activity.typeColor}
formattedImpressions={activity.formattedImpressions}
/>
);
}