redirect entire involve box

src/public/components/InvolveBox.tsx

@@ -1,5 +1,11 @@
+import {
+    NavigationHelpersContext,
+    useNavigation,
+    useNavigationState,
+} from "@react-navigation/native";
 import * as React from "react";
 import { Component } from "react";
+import { useNavigate } from "react-router-dom";
 
 interface InvolveBoxProps {
     boxTitle: string;
@@ -14,14 +20,23 @@ export default class InvolveBox extends Component<InvolveBoxProps> {
     }
 
     public render() {
+        if (this.props.boxTitle) {
+            return (
+                <a
+                    href={"/" + this.props.boxTitle.toLowerCase()}
+                    className="involve-card"
+                >
+                    <div className="involve-title">{this.props.boxTitle}</div>
+                    <img src={this.props.image}></img>
+                    <div className="involve-description">
+                        {this.props.description}
+                    </div>
+                </a>
+            );
+        } else {
             return (
                 <div className="involve-card">
-                <a
+                    <div className="involve-title">{this.props.boxTitle}</div>
-                    className="involve-title"
-                    href={"/" + this.props.boxTitle.toLowerCase()}
-                >
-                    {this.props.boxTitle}
-                </a>
                     <img src={this.props.image}></img>
                     <div className="involve-description">
                         {this.props.description}
@@ -29,4 +44,5 @@ export default class InvolveBox extends Component<InvolveBoxProps> {
                 </div>
             );
         }
+    }
 }