add back buttons

appventure-nush · Oct 24, 2024 · c9c2cac · c9c2cac
1 parent 3fe33ab
commit c9c2cac
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/frontend/src/routes/student_topups_view.tsx b/frontend/src/routes/student_topups_view.tsx
@@ -1,4 +1,4 @@
-import { Container, Stack, Typography, Card, CardContent } from "@mui/material";
+import { Container, Stack, Typography, Card, CardContent, Button } from "@mui/material";
 import { useNavigate } from "react-router-dom";
 import Header from "../components/header";
 import { useContext, useEffect, useState } from "react";
@@ -45,6 +45,15 @@ export default function StudentTopupHistoryPage() {
           alignItems: "center",
         }}
       >
+        <Button
+          variant="outlined"
+          color="white"
+          onClick={() => {
+            navigate("/student");
+          }}
+        >
+          Back
+        </Button>
         <Typography variant="body1">Topup History</Typography>
         {topupDetails.length > 0 ? (
           topupDetails.map((topup, idx) => (

diff --git a/frontend/src/routes/student_transactions_view.tsx b/frontend/src/routes/student_transactions_view.tsx
@@ -1,4 +1,4 @@
-import { Container, Stack, Typography, Card, CardContent } from "@mui/material";
+import { Container, Stack, Typography, Card, CardContent, Button } from "@mui/material";
 import { useNavigate } from "react-router-dom";
 import Header from "../components/header";
 import { useContext, useEffect, useState } from "react";
@@ -45,6 +45,15 @@ export default function StudentTransactionHistoryPage() {
           alignItems: "center",
         }}
       >
+        <Button
+          variant="outlined"
+          color="white"
+          onClick={() => {
+            navigate("/student");
+          }}
+        >
+          Back
+        </Button>
         <Typography variant="body1">Transaction History</Typography>
         {transactionDetails.length > 0 ? (
           transactionDetails.map((transaction, idx) => (