franpcode/format_twitter_projects_accounts_tweets
1
0
Fork 0
mirror of https://github.com/FranP-code/format_twitter_projects_accounts_tweets.git synced 2025-10-13 00:32:19 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

Updated ProjectCard.tsx

Browse Source
This commit is contained in:
Francisco Pessano
2025-07-13 21:25:16 -03:00
committed by GitHub
parent 6e69a55d19
commit fcfac33230
3 changed files with 50 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
astro-app/src/components/ProjectCard.tsx
View File

@@ -34,7 +34,8 @@ export function ProjectCard({ project, onSeenStatusChange }: ProjectCardProps) {
return (
<div className={`bg-card rounded-lg border p-6 space-y-4 hover:shadow-lg transition-all ${seen ? 'opacity-75 bg-muted/50' : ''}`}>
{/* Author Info */}
<div className="flex items-center space-x-3">
<div className="flex items-center justify-between">
<div className="flex items-center space-x-3">
<div className="w-10 h-10 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white font-semibold">
{project.author_name.charAt(0).toUpperCase()}
</div>
@@ -42,9 +43,28 @@ export function ProjectCard({ project, onSeenStatusChange }: ProjectCardProps) {
<p className="font-semibold text-foreground">{project.author_name}</p>
<p className="text-sm text-muted-foreground">@{project.author_screen_name}</p>
</div>
</div>
<div className="flex items-center space-x-2">
<div className="ml-auto text-xs text-muted-foreground">
{formattedDate}
</div>
{/* Seen Checkbox */}
<div className="flex items-center space-x-2">
<input
type="checkbox"
id={`seen-${project.id}`}
className="w-4 h-4 rounded border-border bg-background"
checked={seen}
onChange={toggleSeen}
/>
<label
htmlFor={`seen-${project.id}`}
className="text-sm text-muted-foreground cursor-pointer"
>
Seen
</label>
</div>
</div>
</div>
{/* Project Media */}
@@ -97,22 +117,6 @@ export function ProjectCard({ project, onSeenStatusChange }: ProjectCardProps) {
</div>
{/* Seen Checkbox */}
<div className="flex items-center space-x-2">
<input
type="checkbox"
id={`seen-${project.id}`}
className="w-4 h-4 rounded border-border bg-background"
checked={seen}
onChange={toggleSeen}
/>
<label
htmlFor={`seen-${project.id}`}
className="text-sm text-muted-foreground cursor-pointer"
>
Seen
</label>
</div>
</div>
{/* Engagement Stats */}