pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
make people clickable
+13
-5
+13
-5
src/components/overlays/details/PeopleCarousel.tsx
+13
-5
src/components/overlays/details/PeopleCarousel.tsx
···
49
49
<div className="space-y-4 pt-8">
50
50
<div className="flex overflow-x-auto scrollbar-none pb-4 gap-4">
51
51
{director && (
52
-
<div className="flex flex-col items-center space-y-2 flex-shrink-0">
52
+
<a
53
+
href={`https://www.themoviedb.org/person/${director.id}`}
54
+
target="_blank"
55
+
rel="noopener noreferrer"
56
+
className="flex flex-col items-center space-y-2 flex-shrink-0 hover:opacity-80 transition-opacity"
57
+
>
53
58
<div className="relative h-32 w-32 overflow-hidden rounded-full">
54
59
<img
55
60
src={getPersonProfileImage(director.profile_path)}
···
61
66
<span className="font-medium truncate">{director.name}</span>
62
67
<span className="text-sm truncate">{t("Director")}</span>
63
68
</div>
64
-
</div>
69
+
</a>
65
70
)}
66
71
{cast.map((member) => (
67
-
<div
72
+
<a
68
73
key={member.id}
69
-
className="flex flex-col items-center space-y-2 flex-shrink-0"
74
+
href={`https://www.themoviedb.org/person/${member.id}`}
75
+
target="_blank"
76
+
rel="noopener noreferrer"
77
+
className="flex flex-col items-center space-y-2 flex-shrink-0 hover:opacity-80 transition-opacity"
70
78
>
71
79
<div className="relative h-32 w-32 overflow-hidden rounded-full">
72
80
<img
···
79
87
<span className="font-medium truncate">{member.name}</span>
80
88
<span className="text-sm truncate">{member.character}</span>
81
89
</div>
82
-
</div>
90
+
</a>
83
91
))}
84
92
</div>
85
93
</div>