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

refactor(web): update to react 18 and other deps (#285)

Browse source 
* Started refactoring codebase for React 18.

* Migrated to react-router v6 fully

* Removed useless test setup along with relevant packages.

* Removed leftover console.log statement

* feat: use status forbidden for onboarding

* refactor(web): use react hook form on login

* fix: comply with r18 shenanigans

* chore: update packages
This commit is contained in:
stacksmash76 2022-06-10 19:31:46 +02:00 • committed by GitHub
parent d065fee16b
commit 4d753b76ed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 2252 additions and 2145 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/src/screens/dashboard/ActivityTable.tsx
View file

@ -13,6 +13,7 @@ import { EmptyListState } from "../../components/emptystates";
import * as Icons from "../../components/Icons";
import * as DataTable from "../../components/data-table";
import { Fragment } from "react";
// This is a custom filter UI for selecting
// a unique option from a list
@ -32,7 +33,7 @@ function SelectColumnFilter({
// Render a multi-select box
return (
<label className="flex items-baseline gap-x-2">
<span className="text-gray-700">{render("Header")}: </span>
<span className="text-gray-700"><>{render("Header")}:</></span>
<select
className="border-gray-300 rounded-md shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
name={id}
@ -99,7 +100,7 @@ function Table({ columns, data }: TableProps) {
{...columnRest}
>
<div className="flex items-center justify-between">
{column.render("Header")}
<>{column.render("Header")}</>
{/* Add a sort direction indicator */}
<span>
{column.isSorted ? (
@ -138,7 +139,7 @@ function Table({ columns, data }: TableProps) {
role="cell"
{...cellRowRest}
>
{cell.render("Cell")}
<>{cell.render("Cell")}</>
</td>
);
})}