Function RepositoryTableRow

components/RepositoryTableRow.tsx:13–116

({ repo, onViewDetails }: RepositoryTableRowProps)

}

export default function RepositoryTableRow({ repo, onViewDetails }: RepositoryTableRowProps) {
  const router = useRouter();

  return (
    <tr className="hover:bg-black/40 transition-all duration-300 group border-b border-white/10 backdrop-blur-sm relative overflow-hidden animate-in fade-in slide-in-from-left-2">
      {/* Subtle gradient overlay */}
      <div className="absolute inset-0 bg-gradient-to-r from-indigo-500/5 via-transparent to-purple-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div>
      
      <td className="py-4 px-6">
        <div className="flex flex-col">
          <h3 
            className="text-lg font-semibold text-white group-hover:text-indigo-300 transition-colors cursor-pointer hover:underline"
            onClick={() => onViewDetails && onViewDetails(repo)}
          >
            {repo.full_name || repo.name}
          </h3>
          <p className="text-white/70 text-sm mt-1 line-clamp-2">
            {repo.description ? 
              (repo.description.length > 120 ? `${repo.description.substring(0, 120)}...` : repo.description) 
              : 'No description available'
            }
          </p>
          {repo.topics && repo.topics.length > 0 && (
            <div className="flex flex-wrap gap-1 mt-2 max-w-full overflow-hidden">
              {repo.topics.slice(0, 3).map((topic) => (
                <span key={topic} className="bg-black/30 backdrop-blur-xl border border-white/20 text-white/80 px-2 py-0.5 rounded-full text-xs shadow-sm hover:bg-black/40 hover:border-white/30 transition-all duration-300 hover:scale-105">
                  {topic}
                </span>
              ))}
              {repo.topics.length > 3 && (
                <span className="text-white/50 text-xs px-2 py-0.5">
                  +{repo.topics.length - 3} more
                </span>
              )}
            </div>
          )}
        </div>
      </td>
      <td className="py-4 px-4 hidden sm:table-cell">
        <div className="flex items-center">
          <span className="w-3 h-3 rounded-full bg-indigo-500 mr-2 shadow-sm shadow-indigo-500/30"></span>
          <span className="text-white/80 text-sm">
            {repo.language || 'Unknown'}
          </span>
        </div>
      </td>
      <td className="py-4 px-4 hidden sm:table-cell">
        <div className="flex items-center text-yellow-400">
          <Star className="w-4 h-4 mr-1 fill-current" />
          <span className="text-white font-medium">
            {repo.stargazers_count.toLocaleString()}
          </span>
        </div>
      </td>
      <td className="py-4 px-4 hidden md:table-cell">
        {repo.relevance_score ? (
          <div className="flex items-center">
            <div className="w-16 bg-black/30 rounded-full h-2 mr-2 backdrop-blur-sm border border-white/10">