Changed Mujoco URL and added a header for Mujoco page (#484)

* Changed Mujoco URL and added a header for Mujoco page * Renaming component and file name * Linting errors
kscalelabs · Oct 17, 2024 · ab9c0fc · ab9c0fc
1 parent d6cc077
commit ab9c0fc
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -30,7 +30,7 @@ import { AuthenticationProvider } from "@/hooks/useAuth";
 
 import GDPRBanner from "./components/gdpr/gdprbanner";
 import DownloadsPage from "./components/pages/Download";
-import MuJoCoTestPage from "./components/pages/MuJoCoTest";
+import PlaygroundPage from "./components/pages/MujocoPlayground";
 import OrderCancel from "./components/pages/OrderCancel";
 import OrderSuccess from "./components/pages/OrderSuccess";
 import Orders from "./components/pages/Orders";
@@ -57,7 +57,7 @@ const App = () => {
                     <Routes>
                       {/* <Route path="/" element={<Home />} /> */}
 
-                      <Route path="/mujoco-test" element={<MuJoCoTestPage />} />
+                      <Route path="/playground" element={<PlaygroundPage />} />
 
                       <Route path="/about" element={<About />} />
                       <Route path="/downloads" element={<DownloadsPage />} />

diff --git a/frontend/src/components/listing/mujoco/index.tsx b/frontend/src/components/listing/mujoco/index.tsx
@@ -220,6 +220,12 @@ const MUJOCO = ({ url }: { url: string }) => {
 
   return (
     <div className="flex flex-col h-screen overflow-hidden">
+      <div className="bg-primary-9 text-black py-2 px-4 text-center font-bold">
+        <span className="mr-2">🚧</span>
+        This page is under construction. Some features may not be fully
+        functional.
+        <span className="ml-2">🚧</span>
+      </div>
       {showNotification && (
         <div className="fixed top-2 left-1/2 transform -translate-x-1/2 bg-primary-9 px-5 py-2 rounded-md z-50 font-bold">
           For the best user experience, visit with a desktop.

diff --git a/frontend/src/components/nav/Navbar.tsx b/frontend/src/components/nav/Navbar.tsx
@@ -75,7 +75,7 @@ const Navbar = () => {
     },
     {
       name: "Playground",
-      path: "/mujoco-test",
+      path: "/playground",
       icon: <FaRobot className="h-5 w-5" />,
       isExternal: false,
     },

diff --git a/frontend/src/components/pages/MuJoCoTest.tsx → ...src/components/pages/MujocoPlayground.tsx b/frontend/src/components/pages/MuJoCoTest.tsx → ...src/components/pages/MujocoPlayground.tsx
@@ -2,12 +2,12 @@ import React from "react";
 
 import MUJOCO from "../listing/mujoco";
 
-const MuJoCoTestPage: React.FC = () => {
+const PlaygroundPage: React.FC = () => {
   return (
     <div className="">
       <MUJOCO url="/examples/scenes/stompypro.xml" />
     </div>
   );
 };
 
-export default MuJoCoTestPage;
+export default PlaygroundPage;