pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
Sticking with the og
+18
-7
+16
-5
src/pages/TopFlix.tsx
+16
-5
src/pages/TopFlix.tsx
···
57
57
58
58
function ConfigValue(props: {
59
59
name: string;
60
+
type: string;
60
61
id: string;
61
62
children?: ReactNode;
62
63
}) {
···
75
76
</p>
76
77
<p className="pr-3">{props.children}</p>
77
78
</div>
79
+
<p className="pr-5 pl-3">
80
+
{props.type.charAt(0).toUpperCase() + props.type.slice(1)}
81
+
</p>
78
82
<Divider marginClass="my-3" />
79
83
</>
80
84
);
···
176
180
const sortedItems = recentPlayedItems.sort((a, b) => b.count - a.count);
177
181
const startIndex = (currentPage - 1) * itemsPerPage;
178
182
const endIndex = startIndex + itemsPerPage;
179
-
return sortedItems.slice(startIndex, endIndex);
183
+
184
+
return sortedItems.slice(startIndex, endIndex).map((item, index) => ({
185
+
...item,
186
+
rank: startIndex + index + 1,
187
+
}));
180
188
}
181
189
182
190
if (loading) {
···
207
215
return (
208
216
<ConfigValue
209
217
key={item.tmdbFullId}
218
+
type={isShowOrMovie(item.tmdbFullId)}
210
219
id={item.tmdbFullId}
211
220
name={item.title}
212
221
>
213
-
{`${item.providerId}, ${isShowOrMovie(
214
-
item.tmdbFullId,
215
-
)} - Views: `}
222
+
{`${
223
+
item.providerId.charAt(0).toUpperCase() +
224
+
item.providerId.slice(1)
225
+
}`}{" "}
226
+
<strong>-</strong> {`Views: `}
216
227
<strong>{item.count}</strong>
217
228
</ConfigValue>
218
229
);
···
230
241
Previous page
231
242
</Button>
232
243
<div style={{ display: "flex", alignItems: "center" }}>
233
-
{currentPage} / {maxPageCount}
244
+
{currentPage}/{maxPageCount}
234
245
</div>
235
246
<Button
236
247
className="py-px box-content bg-buttons-secondary hover:bg-buttons-secondaryHover bg-opacity-90 text-buttons-secondaryText justify-center items-center"