...

1 files changed, 29 insertions, 0 deletions

diff --git a/FrontEnd/src/migrating/admin/AdminNav.tsx b/FrontEnd/src/migrating/admin/AdminNav.tsx
new file mode 100644
index 00000000..b7385e5c
--- /dev/null
+++ b/FrontEnd/src/migrating/admin/AdminNav.tsx
@@ -0,0 +1,29 @@
+import { useLocation } from "react-router-dom";
+
+import Tabs from "../common/tab/Tabs";
+
+export function AdminNav({ className }: { className?: string }) {
+  const location = useLocation();
+  const name = location.pathname.split("/")[2] ?? "user";
+
+  return (
+    <Tabs
+      className={className}
+      activeTabName={name}
+      tabs={[
+        {
+          name: "user",
+          text: "admin:nav.users",
+          link: "/admin/user",
+        },
+        {
+          name: "more",
+          text: "admin:nav.more",
+          link: "/admin/more",
+        },
+      ]}
+    />
+  );
+}
+
+export default AdminNav;