give close button more powers

frontend/src/components/Close.tsx

@@ -1,8 +1,31 @@
-import { Link } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import { ReactComponent as CloseIcon } from "../images/icons/close.svg"
 
-export default function Close() {
-    return (<Link to="/" className="h-10 w-10 min-w-10 text-white active:text-half-faint" >
-        <CloseIcon />
-    </Link>)
+type Props = {
+    onClose?: () => void,
+    to?: string
+}
+
+export default function Close({ onClose, to }: Props) {
+
+    let navigate = useNavigate();
+
+    function handleClose() {
+        if (onClose) {
+            onClose();
+        }
+
+        // onClose could be a cleanup function
+        // So we still might want to navigate after
+        if (to) {
+            navigate(to);
+        } else {
+            navigate("/");
+        }
+    }
+    return (
+        <div className="h-10 w-10 min-w-10 text-white active:text-half-faint" onClick={handleClose}>
+            <CloseIcon />
+        </div>
+    )
 }

frontend/src/routes/ConnectPeer.tsx

@@ -49,7 +49,7 @@ export default function ConnectPeer() {
 		<>
 			<header className='p-8 flex justify-between items-center'>
 				<PageTitle title="Connect to peer" theme="red"></PageTitle>
-				<Close />
+				<Close to="/manager/peers" />
 			</header>
 
 			<ScreenMain>

frontend/src/routes/OpenChannel.tsx

@@ -42,7 +42,7 @@ export default function OpenChannel() {
 		<>
 			<header className='p-8 flex justify-between items-center'>
 				<PageTitle title="Open Channel" theme="blue"></PageTitle>
-				<Close />
+				<Close to="/manager/channels" />
 			</header>
 
 			<ScreenMain>