Recreate the org flow

src/Bridges.tsx

@@ -4,8 +4,7 @@ import type { InputRef, TableColumnsType, TableColumnType } from 'antd';
 import { Button, Input, Space, Table } from 'antd';
 import type { FilterDropdownProps } from 'antd/es/table/interface';
 import Highlighter from 'react-highlight-words';
-import { QRCode, theme } from 'antd';
-const { useToken } = theme;
+import { QRCode } from 'antd';
 interface BridgeDataType {
     fingerprint: string;
     bridgeline: string;
@@ -28,7 +27,6 @@ const Bridges = () => {
 
     bridgeLines.forEach((line) => {line.qrCodeText = makeQRCodeText(line.bridgeline)});
     console.log(bridgeLines);
-    const { token } = useToken();
 
     const [searchText, setSearchText] = useState('');
     const [searchedColumn, setSearchedColumn] = useState('');
@@ -54,7 +52,7 @@ const Bridges = () => {
         filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
             <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
                 <Input
-                    ref={searchInput}
+                    //ref={searchInput}
                     placeholder={`Search ${dataIndex}`}
                     value={selectedKeys[0]}
                     onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
@@ -146,7 +144,7 @@ const Bridges = () => {
             width: '40%',
             key: 'qrCodeText',
             dataIndex: 'qrCodeText',
-            render: (text, record) => {return (<QRCode value={record.qrCodeText}  />)}
+            render: (_text, record) => {return (<QRCode value={record.qrCodeText}  />)}
            },
 
         ]