aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/app/components/NavigateLink.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/app/components/NavigateLink.tsx')
-rw-r--r--frontend/app/components/NavigateLink.tsx16
1 files changed, 12 insertions, 4 deletions
diff --git a/frontend/app/components/NavigateLink.tsx b/frontend/app/components/NavigateLink.tsx
index c4ee7aa..16c7858 100644
--- a/frontend/app/components/NavigateLink.tsx
+++ b/frontend/app/components/NavigateLink.tsx
@@ -1,10 +1,18 @@
-import { Link, LinkProps } from "react-router";
+import { Link } from "wouter";
-export default function NavigateLink(props: LinkProps) {
+export default function NavigateLink({
+ to,
+ children,
+}: {
+ to: string;
+ children: React.ReactNode;
+}) {
return (
<Link
- {...props}
+ to={to}
className="text-lg text-white bg-sky-600 px-4 py-2 border-2 border-sky-50 rounded-sm transition duration-300 hover:bg-sky-500 focus:ring-3 focus:ring-sky-400 focus:outline-hidden"
- />
+ >
+ {children}
+ </Link>
);
}