Fix compilation and runtime errors

This commit is contained in:
Francisco Pessano
2025-07-13 21:01:10 -03:00
committed by GitHub
parent a5f0f63a9c
commit b03c2ec0c8
2 changed files with 48 additions and 47 deletions

View File

@@ -64,53 +64,55 @@ export function ProjectCard({ project, onSeenStatusChange }: ProjectCardProps) {
{/* Project Actions */} {/* Project Actions */}
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center space-x-4"> <>
{/* Project URL */} <div className="flex items-center space-x-4">
{project.project_url && ( {/* Project URL */}
<a {project.project_url && (
href={project.project_url} <a
target="_blank" href={project.project_url}
rel="noopener noreferrer" target="_blank"
className="inline-flex items-center space-x-2 text-primary hover:text-primary/80 transition-colors" rel="noopener noreferrer"
> className="inline-flex items-center space-x-2 text-primary hover:text-primary/80 transition-colors"
<ExternalLink className="w-4 h-4" /> >
<span className="text-sm font-medium">View Project</span> <ExternalLink className="w-4 h-4" />
</a> <span className="text-sm font-medium">View Project</span>
)} </a>
)}
{/* Tweet URL */}
{project.original_tweet_url && ( {/* Tweet URL */}
<a {project.original_tweet_url && (
href={project.original_tweet_url} <a
target="_blank" href={project.original_tweet_url}
rel="noopener noreferrer" target="_blank"
className="inline-flex items-center space-x-2 text-blue-500 hover:text-blue-400 transition-colors" rel="noopener noreferrer"
> className="inline-flex items-center space-x-2 text-blue-500 hover:text-blue-400 transition-colors"
<Twitter className="w-4 h-4" /> >
<span className="text-sm font-medium">View Tweet</span> <Twitter className="w-4 h-4" />
</a> <span className="text-sm font-medium">View Tweet</span>
)} </a>
</div> )}
</div>
{/* Seen Toggle */} {/* Seen Toggle */}
<Button <Button
variant={seen ? "secondary" : "outline"} variant={seen ? "secondary" : "outline"}
size="sm" size="sm"
onClick={toggleSeen} onClick={toggleSeen}
className="ml-auto" className="ml-auto"
> >
{seen ? ( {seen ? (
<> <>
<X className="w-4 h-4 mr-1" /> <X className="w-4 h-4 mr-1" />
Mark Unseen Mark Unseen
</> </>
) : ( ) : (
<> <>
<Check className="w-4 h-4 mr-1" /> <Check className="w-4 h-4 mr-1" />
Mark Seen Mark Seen
</> </>
)} )}
</Button> </Button>
</>
</div> </div>
{/* Engagement Stats */} {/* Engagement Stats */}

View File

@@ -12,7 +12,6 @@ import {
} from '@tanstack/react-table'; } from '@tanstack/react-table';
import { ArrowUpDown, ArrowUp, ArrowDown, Search, ExternalLink, Twitter, Check, X } from 'lucide-react'; import { ArrowUpDown, ArrowUp, ArrowDown, Search, ExternalLink, Twitter, Check, X } from 'lucide-react';
import { formatDistanceToNow } from 'date-fns'; import { formatDistanceToNow } from 'date-fns';
import { useState, useEffect } from 'react';
import type { TwitterProject } from '@/lib/csv-loader'; import type { TwitterProject } from '@/lib/csv-loader';
import { Button } from './ui/button'; import { Button } from './ui/button';
import { Input } from './ui/input'; import { Input } from './ui/input';