added scanners

src/Pages/Scanners/index.js

@@ -1,4 +1,4 @@
-import { Button, Space, Table } from "antd";
+import { Button, Popover, QRCode, Space, Table } from "antd";
 import { MyAvatar } from "../../utils";
 import { PlusOutlined } from "@ant-design/icons";
 
@@ -38,12 +38,20 @@ const data = [
 export default function Scanners() {
   return (
     <>
-      <Space>
-        <h1 style={{ fontWeight: "bold" }}>Scanners (0)</h1>
-        <Button type="primary" icon={<PlusOutlined />}>
-          Add Scanner
+      <h1 style={{ fontWeight: "bold", float: "left" }}>Scanners (0)</h1>
+
+      <Popover
+        title="Scan this on mobile"
+        content={<QRCode value={"test"} bordered={false} />}
+      >
+        <Button
+          style={{ float: "right" }}
+          type="primary"
+          icon={<PlusOutlined />}
+        >
+          Add scanner
         </Button>
-      </Space>
+      </Popover>
 
       <Table columns={columns} dataSource={data} />
     </>