From b56e4ed76e3731420e9e775c5090fdba70211dff Mon Sep 17 00:00:00 2001
From: Davenludd <david.ludde01@gmail.com>
Date: Tue, 9 Apr 2024 10:15:19 +0200
Subject: [PATCH] Add Button component to OtherUsersTR and update route path in
 main.tsx to include signedOrUnsigned parameter

---
 frontend/src/Components/OtherUsersTR.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/src/Components/OtherUsersTR.tsx b/frontend/src/Components/OtherUsersTR.tsx
index ce7761c..4cbbd48 100644
--- a/frontend/src/Components/OtherUsersTR.tsx
+++ b/frontend/src/Components/OtherUsersTR.tsx
@@ -2,6 +2,7 @@ import { useState, useEffect } from "react";
 import { WeeklyReport } from "../Types/goTypes";
 import { api } from "../API/API";
 import { useParams } from "react-router-dom";
+import Button from "./Button";
 
 /**
  * Renders the component for editing a weekly report.
@@ -22,6 +23,8 @@ export default function OtherUsersTR(): JSX.Element {
   const { projectName } = useParams();
   const { username } = useParams();
   const { fetchedWeek } = useParams();
+  const { signedOrUnsigned } = useParams();
+  console.log(projectName, username, fetchedWeek, signedOrUnsigned);
 
   useEffect(() => {
     const fetchUsersWeeklyReport = async (): Promise<void> => {
@@ -153,6 +156,15 @@ export default function OtherUsersTR(): JSX.Element {
               </tr>
             </tbody>
           </table>
+          {signedOrUnsigned === "signed" && (
+            <Button
+              text="Unsign Report"
+              onClick={(): void => {
+                return;
+              }}
+              type="submit"
+            />
+          )}
         </div>
       </div>
     </>