Add 'Offline' filter to peers table (#364)

Author: heisbrot

src/modules/peers/PeersTable.tsx

@@ -234,6 +234,29 @@ export default function PeersTable({ peers, isLoading }: Props) {
       {(table) => (
         <>
           <ButtonGroup disabled={peers?.length == 0}>
+            <ButtonGroup.Button
+              disabled={peers?.length == 0}
+              onClick={() => {
+                table.setPageIndex(0);
+                table.setColumnFilters([
+                  {
+                    id: "connected",
+                    value: undefined,
+                  },
+                  {
+                    id: "approval_required",
+                    value: undefined,
+                  },
+                ]);
+              }}
+              variant={
+                table.getColumn("connected")?.getFilterValue() == undefined
+                  ? "tertiary"
+                  : "secondary"
+              }
+            >
+              All
+            </ButtonGroup.Button>
             <ButtonGroup.Button
               onClick={() => {
                 table.setPageIndex(0);
@@ -258,27 +281,27 @@ export default function PeersTable({ peers, isLoading }: Props) {
               Online
             </ButtonGroup.Button>
             <ButtonGroup.Button
-              disabled={peers?.length == 0}
               onClick={() => {
                 table.setPageIndex(0);
                 table.setColumnFilters([
                   {
                     id: "connected",
-                    value: undefined,
+                    value: false,
                   },
                   {
                     id: "approval_required",
                     value: undefined,
                   },
                 ]);
               }}
+              disabled={peers?.length == 0}
               variant={
-                table.getColumn("connected")?.getFilterValue() == undefined
+                table.getColumn("connected")?.getFilterValue() == false
                   ? "tertiary"
                   : "secondary"
               }
             >
-              All
+              Offline
             </ButtonGroup.Button>
           </ButtonGroup>