diff --git a/src/FilterLists.Web/ClientApp/imgs/imgs.d.ts b/src/FilterLists.Web/ClientApp/imgs/imgs.d.ts new file mode 100644 index 000000000..1090848f7 --- /dev/null +++ b/src/FilterLists.Web/ClientApp/imgs/imgs.d.ts @@ -0,0 +1,9 @@ +declare module "*.svg" { + const content: any; + export default content; +} + +declare module "*.png" { + const content: any; + export default content; +} \ No newline at end of file diff --git a/src/FilterLists.Web/ClientApp/imgs/software/1-uBlock-Origin.svg b/src/FilterLists.Web/ClientApp/imgs/software/1-uBlock-Origin.svg new file mode 100644 index 000000000..96e2a57e8 --- /dev/null +++ b/src/FilterLists.Web/ClientApp/imgs/software/1-uBlock-Origin.svg @@ -0,0 +1,24 @@ + \ No newline at end of file diff --git a/src/FilterLists.Web/ClientApp/imgs/software/2-Adblock-Plus.svg b/src/FilterLists.Web/ClientApp/imgs/software/2-Adblock-Plus.svg new file mode 100644 index 000000000..3a36f9219 --- /dev/null +++ b/src/FilterLists.Web/ClientApp/imgs/software/2-Adblock-Plus.svg @@ -0,0 +1,13 @@ + \ No newline at end of file diff --git a/src/FilterLists.Web/ClientApp/imgs/software/3-AdGuard.png b/src/FilterLists.Web/ClientApp/imgs/software/3-AdGuard.png new file mode 100644 index 000000000..a438223fc Binary files /dev/null and b/src/FilterLists.Web/ClientApp/imgs/software/3-AdGuard.png differ diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/listsTable/ListsTable.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/listsTable/ListsTable.tsx index 9f2332dbb..400493b3e 100644 --- a/src/FilterLists.Web/ClientApp/modules/home/components/listsTable/ListsTable.tsx +++ b/src/FilterLists.Web/ClientApp/modules/home/components/listsTable/ListsTable.tsx @@ -6,6 +6,7 @@ import ReactTable from "react-table" import "react-table/react-table.css" import "./listsTable.css"; import * as moment from "moment"; +import { SoftwareIcon } from "./SoftwareIcon"; import { getContrast } from "../../../../utils/GetContrast"; import { DetailsExpander } from "../../components"; @@ -36,11 +37,10 @@ export const ListsTable = (props: IProps) => { filterMethod: (f: any, r: any) => r[f.id].toUpperCase().includes(f.value.toUpperCase()), sortMethod: (a: any, b: any) => a.toUpperCase() > b.toUpperCase() ? 1 : -1, - Cell: (c: any) =>