prehistoric-systems/FilterLists
1
0
Fork 0
mirror of https://github.com/collinbarrett/FilterLists.git synced 2026-03-11 09:04:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

minor reformatting

Browse source
This commit is contained in:
Collin Barrett 2018-02-18 15:11:28 -06:00
parent 7c4e3dc553
commit 0a135e249f
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/FilterLists.Web/ClientApp/components/Home.tsx
View file

@ -13,10 +13,18 @@ interface IFilterListsState {
export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsState> {
constructor(props: any) {
super(props);
this.state = { filterLists: [], loading: true };
this.state = {
filterLists: [],
loading: true
};
fetch("https://api.filterlists.com/v1/lists")
.then(response => response.json() as Promise<IFilterListSummaryDto[]>)
.then(data => { this.setState({ filterLists: data, loading: false }); });
.then(data => {
this.setState({
filterLists: data,
loading: false
});
});
}
render() {
@ -33,20 +41,20 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
private static renderFilterListsTable(filterLists: IFilterListSummaryDto[]) {
return <ReactTable
data={filterLists}
defaultSorted={[{id: "name"}]}
defaultSorted={[{ id: "name" }]}
columns={[
{
Header: "Name",
accessor: "name",
filterable: true,
filterMethod: (filter: any, row: any) => row[filter.id].toUpperCase().includes(filter.value.toUpperCase()),
sortMethod: (a: any, b: any) => a.toUpperCase() > b.toUpperCase() ? 1 : -1
sortMethod: (a: any, b: any) => a.toUpperCase() > b.toUpperCase() ? 1 : -1
},
{
Header: "Details",
accessor: "id",
sortable: false,
Cell: (cell: any) => <ListDetailsModal listId={cell.value} />,
Cell: (cell: any) => <ListDetailsModal listId={cell.value}/>,
style: { textAlign: "center" },
width: 100
},
@ -54,7 +62,7 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
Header: "Subscribe",
accessor: "viewUrl",
sortable: false,
Cell: (cell: any) => <SubscribeUrl url={cell.value} name={cell.row.name} />,
Cell: (cell: any) => <SubscribeUrl url={cell.value} name={cell.row.name}/>,
style: { textAlign: "center" },
width: 100,
headerClassName: "hidden-xs",