feat: add TabReducerContext

src/App.js

@@ -6,7 +6,7 @@ import AdminHome from "./AdminHome";
 import DelayedSpinner from "./DelayedSpinner";
 import ErrorBoundary from "./ErrorBoundary";
 import Login from "./Login";
-import { MatrixClientContext } from "./MatrixClientContext";
+import { MatrixClientContext } from "./contexts";
 
 import "./App.css";
 

src/CreateUserRightPanel.js

@@ -6,7 +6,7 @@ import Card from "react-bootstrap/Card";
 import Collapse from "react-bootstrap/Collapse";
 import Table from "react-bootstrap/Table";
 
-import { MatrixClientContext } from "./MatrixClientContext";
+import { MatrixClientContext } from "./contexts";
 
 class CreateUserRightPanel extends Component {
     constructor(props) {

src/DataToTable.js

@@ -6,7 +6,7 @@ import CollapsableRightPanel from "./CollapsableRightPanel";
 import Datatorow from "./DataToRow";
 import TableToolBar from "./TableToolBar";
 
-import { MatrixClientContext } from "./MatrixClientContext";
+import { MatrixClientContext } from "./contexts";
 
 const TABLE_TYPE =
     // here we declare all the type of table we wish to display

src/Login.js

@@ -7,7 +7,7 @@ import Form from "react-bootstrap/Form";
 import InputGroup from "react-bootstrap/InputGroup";
 import Spinner from "react-bootstrap/Spinner";
 
-import { useMatrixClientContext } from "./MatrixClientContext";
+import { useMatrixClientContext } from "./contexts";
 
 import logo from "./images/logo.svg";
 

src/MatrixClientContext.js

@@ -1,4 +0,0 @@
-import React, { useContext } from "react";
-
-const MatrixClientContext = React.createContext();
-export const useMatrixClientContext = () => useContext(MatrixClientContext);

src/Monitoring.js

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import Card from "react-bootstrap/Card";
 
-import { MatrixClientContext } from "./MatrixClientContext";
+import { MatrixClientContext } from "./contexts";
 
 class Monitoring extends Component {
     constructor() {

src/UserRightPanel.js

@@ -7,7 +7,7 @@ import Card from "react-bootstrap/Card";
 import Collapse from "react-bootstrap/Collapse";
 import Table from "react-bootstrap/Table";
 
-import { MatrixClientContext } from "./MatrixClientContext";
+import { MatrixClientContext } from "./contexts";
 
 class UserRightPanel extends Component {
     constructor(props) {

src/contexts.js

@@ -0,0 +1,7 @@
+import React, { useContext } from "react";
+
+export const MatrixClientContext = React.createContext();
+export const useMatrixClientContext = () => useContext(MatrixClientContext);
+
+export const TabReducerContext = React.createContext();
+export const useTabReducerContext = () => useContext(TabReducerContext);