idanoo/autobrr
1
0
Fork 0
mirror of https://github.com/idanoo/autobrr synced 2025-07-23 16:59:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(releases): add info url link to releases list (#683)

Browse source 
* feat(indexers): definitions add infourl to irc parsing

* feat(indexers): add infourl to releases

* fix(indexers): fix info urls

* fix(indexers): update btn
This commit is contained in:
ze0s 2023-01-29 21:40:49 +01:00 • committed by GitHub
parent 870e109f6c
commit 4c83787a0b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
68 changed files with 189 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

18
web/src/components/data-table/Cells.tsx
View file

@ -16,6 +16,24 @@ export const AgeCell = ({ value }: CellProps) => (
</div>
);
export const IndexerCell = ({ value }: CellProps) => (
<div
className={classNames(
"py-3 text-sm font-medium box-content text-gray-900 dark:text-gray-300",
"max-w-[96px] sm:max-w-[216px] md:max-w-[360px] lg:max-w-[640px] xl:max-w-[840px]"
)}
>
<Tooltip
label={value}
maxWidth="max-w-[90vw]"
>
<span className="whitespace-pre-wrap break-words">
{value}
</span>
</Tooltip>
</div>
);
export const TitleCell = ({ value }: CellProps) => (
<div
className={classNames(

37
web/src/screens/releases/ReleaseTable.tsx
View file

@ -1,6 +1,6 @@
import * as React from "react";
import { useQuery } from "react-query";
import { Column, useFilters, usePagination, useSortBy, useTable } from "react-table";
import { CellProps, Column, useFilters, usePagination, useSortBy, useTable } from "react-table";
import {
ChevronDoubleLeftIcon,
ChevronDoubleRightIcon,
@ -15,6 +15,9 @@ import * as Icons from "../../components/Icons";
import * as DataTable from "../../components/data-table";
import { IndexerSelectColumnFilter, PushStatusSelectColumnFilter, SearchColumnFilter } from "./Filters";
import { classNames } from "../../utils";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/outline";
import { Tooltip } from "../../components/tooltips/Tooltip";
type TableState = {
queryPageIndex: number;
@ -68,7 +71,35 @@ export const ReleaseTable = () => {
{
Header: "Release",
accessor: "torrent_name",
Cell: DataTable.TitleCell,
Cell: (props: CellProps<Release>) => {
return (
<div
className={classNames(
"flex justify-between py-3 text-sm font-medium box-content text-gray-900 dark:text-gray-300",
"max-w-[96px] sm:max-w-[216px] md:max-w-[360px] lg:max-w-[640px] xl:max-w-[840px]"
)}
>
<Tooltip
label={props.cell.value}
maxWidth="max-w-[90vw]"
>
<span className="whitespace-pre-wrap break-words">
{String(props.cell.value)}
</span>
</Tooltip>
{props.row.original.info_url && (
<a
rel="noopener noreferrer"
target="_blank"
href={props.row.original.info_url}
className="max-w-[90vw] mr-2"
>
<ArrowTopRightOnSquareIcon className="h-5 w-5 text-blue-400 hover:text-blue-500 dark:text-blue-500 dark:hover:text-blue-600" aria-hidden="true" />
</a>
)}
</div>
);
},
Filter: SearchColumnFilter
},
{
@ -80,7 +111,7 @@ export const ReleaseTable = () => {
{
Header: "Indexer",
accessor: "indexer",
Cell: DataTable.TitleCell,
Cell: DataTable.IndexerCell,
Filter: IndexerSelectColumnFilter,
filter: "equal"
}

2
web/src/types/Release.d.ts vendored
View file

@ -8,6 +8,8 @@ interface Release {
title: string;
size: number;
raw: string;
info_url: string;
download_url: string;
timestamp: Date
action_status: ReleaseActionStatus[]
}