Skip to content

Commit

Permalink
Add help texts
Browse files Browse the repository at this point in the history
  • Loading branch information
Ben Sarmiento committed Oct 20, 2023
1 parent 74b7289 commit fafd8f3
Show file tree
Hide file tree
Showing 2 changed files with 42 additions and 9 deletions.
2 changes: 1 addition & 1 deletion src/pages/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ function IndexPage() {
className="mr-2 bg-orange-500 hover:bg-orange-700 text-white font-bold py-2 px-4 rounded text-sm"
onClick={() => router.push('/troubleshooting')}
>
Troubleshoot
Missing library items?
</button>
{rdUser && (
<button
Expand Down
49 changes: 41 additions & 8 deletions src/pages/library.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,7 @@ function TorrentsPage() {
const [userTorrentsList, setUserTorrentsList] = useState<UserTorrent[]>([]);
const [filteredList, setFilteredList] = useState<UserTorrent[]>([]);
const [sortBy, setSortBy] = useState<SortBy>({ column: 'added', direction: 'desc' });
const [helpText, setHelpText] = useState('');

// keys
const rdKey = useRealDebridAccessToken();
Expand Down Expand Up @@ -221,8 +222,8 @@ function TorrentsPage() {
clearGroupings(tvGroupingByEpisode);
const hashes: string[] = [];
for (const t of userTorrentsList) {
if (!hashes.includes(t.hash)) hashes.push(t.hash);
else dupeHashes.push(t.hash);
if (!hashes.includes(`${t.bytes}-${t.hash}`)) hashes.push(`${t.bytes}-${t.hash}`);
else dupeHashes.push(`${t.bytes}-${t.hash}`);
tmpTotalBytes += t.bytes;
const mediaId = getMediaId(t.info, t.mediaType);
if (mediaId in getGroupings(t.mediaType)) {
Expand Down Expand Up @@ -263,34 +264,65 @@ function TorrentsPage() {
selectPlayableFiles(userTorrentsList);
deleteFailedTorrents(userTorrentsList);
setFiltering(false);
setHelpText(
[
'Tip: You can use hash lists to share you library with others anonymously. Click on the button, wait for the page to finish processing, and share the link to your friends.',
'Tip: You can make a local backup of your library by using the "Local backup" button. This will generate a file containing your whole library that you can use to restore your library later.',
'Tip: You can restore a local backup by using the "Local restore" button. It will only restore the torrents that are not already in your library.',
'Tip: The quick search box will filter the list by filename and id. You can use multiple words or even regex to filter your library. This way, you can select multiple torrents and delete them at once, or share them as a hash list.',
][Math.floor(Math.random() * 4)]
);
return;
}
const { filter: titleFilter, mediaType, status } = router.query;
let tmpList = userTorrentsList;
if (status === 'slow') {
tmpList = tmpList.filter(isTorrentSlow);
setFilteredList(applyQuickSearch(tmpList));
setHelpText(
'Torrents shown are older than 1 hour and has no seeders. Use "Delete shown" to delete them.'
);
}
if (status === 'dupe') {
tmpList = tmpList.filter((t) => hasDupes.includes(getMediaId(t.info, t.mediaType)));
setFilteredList(applyQuickSearch(tmpList));
setHelpText(
'Torrents shown have the same title parsed from the torrent name. Use "By size" to retain the larger torrent for each title, or "By date" to retain the more recent torrent. Take note: the parser might not work well for multi-season tv show torrents.'
);
}
if (status === 'dupehash') {
tmpList = tmpList.filter((t) => dupeHashes.includes(t.hash));
tmpList = tmpList.filter((t) => dupeHashes.includes(`${t.bytes}-${t.hash}`));
setFilteredList(applyQuickSearch(tmpList));
setHelpText(
'Torrents shown have the same hash and size. These are exact duplicates. Just using the hash still means that they could have different files selected so size is also used for comparison.'
);
}
if (status === 'non4k') {
tmpList = tmpList.filter((t) => !/\b2160p|\b4k|\buhd/i.test(t.filename));
tmpList = tmpList.filter(
(t) => !/\b2160|\b4k|\buhd|\bdovi|\bdolby.?vision|\bdv|\bremux/i.test(t.filename)
);
setFilteredList(applyQuickSearch(tmpList));
setHelpText('Torrents shown are not high quality based on the torrent name.');
}
if (status === '4k') {
tmpList = tmpList.filter((t) =>
/\b2160|\b4k|\buhd|\bdovi|\bdolby.?vision|\bdv|\bremux/i.test(t.filename)
);
setFilteredList(applyQuickSearch(tmpList));
setHelpText('Torrents shown are high quality based on the torrent name.');
}
if (titleFilter) {
const decodedTitleFilter = decodeURIComponent(titleFilter as string);
tmpList = tmpList.filter((t) => decodedTitleFilter === getMediaId(t.info, t.mediaType));
setFilteredList(applyQuickSearch(tmpList));
setHelpText(`Torrents shown have the title "${titleFilter}".`);
}
if (mediaType) {
tmpList = tmpList.filter((t) => mediaType === t.mediaType);
setFilteredList(applyQuickSearch(tmpList));
setHelpText(
`Torrents shown are detected as ${mediaType === 'movie' ? 'movies' : 'tv shows'}.`
);
}
selectPlayableFiles(tmpList);
deleteFailedTorrents(tmpList);
Expand Down Expand Up @@ -930,6 +962,7 @@ function TorrentsPage() {
Reset
</Link>
</div>
{helpText !== '' && <div className="bg-blue-900">{helpText}</div>}
<div className="overflow-x-auto">
{rdLoading || adLoading || grouping || filtering ? (
<div className="flex justify-center items-center mt-4">
Expand Down Expand Up @@ -963,14 +996,14 @@ function TorrentsPage() {
{sortBy.column === 'bytes' &&
(sortBy.direction === 'asc' ? '↑' : '↓')}
</th>
<th
{/* <th
className="px-4 py-2 cursor-pointer"
onClick={() => handleSort('score')}
>
QScore{' '}
{sortBy.column === 'score' &&
(sortBy.direction === 'asc' ? '↑' : '↓')}
</th>
</th> */}
<th
className="px-4 py-2 cursor-pointer"
onClick={() => handleSort('progress')}
Expand Down Expand Up @@ -1048,9 +1081,9 @@ function TorrentsPage() {
<td className="border px-4 py-2">
{(torrent.bytes / ONE_GIGABYTE).toFixed(1)} GB
</td>
<td className="border px-4 py-2">
{/* <td className="border px-4 py-2">
{torrent.score.toFixed(1)}
</td>
</td> */}
<td className="border px-4 py-2">
{torrent.status === 'downloading'
? `${torrent.progress}%`
Expand Down

0 comments on commit fafd8f3

Please sign in to comment.