added ability to export to excel

client/package.json

@@ -9,6 +9,7 @@
     "classnames": "^2.2.6",
     "crypto-js": "^4.0.0",
     "date-and-time": "^0.14.2",
+    "file-saver": "^2.0.5",
     "graphql": "^15.5.0",
     "graphql-iso-date": "^3.6.1",
     "html2canvas": "^1.0.0-rc.7",
@@ -31,7 +32,8 @@
     "recoil": "^0.1.3",
     "store": "^2.0.12",
     "styled-components": "^5.2.1",
-    "underscore": "^1.12.0"
+    "underscore": "^1.12.0",
+    "xlsx": "^0.16.9"
   },
   "proxy": "http://localhost:8000/",
   "scripts": {

client/src/App.js

@@ -54,7 +54,7 @@ import state from "./applicationState";
 import EditHostelDetails from "./components/editHostelDetails";
 import SendMessageToStudent from "./components/sendMessageToStudents";
 import CustomNavbar from "./components/common/customNavbar";
-
+import AdminViewTransaction from "./components/adminViewTransaction"
 import GlobalStyle from "./globalStyles";
 /**
  imports of page components ends here
@@ -255,6 +255,16 @@ const App = (props) => {
                             component={StudentAccountCreation}
                           />
                           {/* Admin routes from here  */}
+                          <AuthorizedComponent
+                            path="/admin/view_transactions"
+                            exact
+                            component={AdminViewTransaction}
+                            authenticated={authenticated}
+                            currentUser={currentUser}
+                            authorizedRole={["super-admin"]}
+                            {...props}
+                          />
+
                           <AuthorizedComponent
                             path="/admin/dashboard"
                             exact