feat(ui): renovate the edge devices waiting room (#7456)

2 years ago · dd372637cb
parent c1a4856e9d
commit dd372637cb
1 changed files with 16 additions and 13 deletions
--- a/app/edge/EdgeDevices/WaitingRoomView/Datatable/Datatable.tsx
+++ b/app/edge/EdgeDevices/WaitingRoomView/Datatable/Datatable.tsx
@ -109,19 +109,22 @@ export function DataTable({
    <div className="row">
      <div className="col-sm-12">
        <Table.Container>
-          <Table.Title label="Edge Devices Waiting Room" icon="" />
-          <Table.Actions>
-            <Button
-              onClick={() =>
-                handleAssociateDevice(selectedFlatRows.map((r) => r.original))
-              }
-              disabled={selectedFlatRows.length === 0}
-            >
-              Associate Device
-            </Button>
-          </Table.Actions>
-
-          <SearchBar onChange={handleSearchBarChange} value={searchBarValue} />
+          <Table.Title label="Edge Devices Waiting Room" icon="">
+            <SearchBar
+              onChange={handleSearchBarChange}
+              value={searchBarValue}
+            />
+            <Table.Actions>
+              <Button
+                onClick={() =>
+                  handleAssociateDevice(selectedFlatRows.map((r) => r.original))
+                }
+                disabled={selectedFlatRows.length === 0}
+              >
+                Associate Device
+              </Button>
+            </Table.Actions>
+          </Table.Title>

          <Table
            className={tableProps.className}