linking page (#566)

* linking page * remove downloads page
kscalelabs · Nov 9, 2024 · 956ea5a · 956ea5a
1 parent 3351b0e
commit 956ea5a
Show file tree

Hide file tree

Showing 39 changed files with 241 additions and 1,699 deletions.
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -2,7 +2,6 @@ import { Route, BrowserRouter as Router, Routes } from "react-router-dom";
 
 import "@/App.css";
 
-import Container from "@/components/Container";
 import NotFoundRedirect from "@/components/NotFoundRedirect";
 import PendoInitializer from "@/components/PendoInitializer";
 import { ScrollToTop } from "@/components/ScrollToTop";
@@ -17,10 +16,10 @@ import Account from "@/components/pages/Account";
 import Browse from "@/components/pages/Browse";
 import Create from "@/components/pages/Create";
 import DeleteConnect from "@/components/pages/DeleteConnect";
-import DownloadsPage from "@/components/pages/Download";
 import EmailSignup from "@/components/pages/EmailSignup";
 import FileBrowser from "@/components/pages/FileBrowser";
 import Home from "@/components/pages/Home";
+import LinkRobot from "@/components/pages/LinkRobot";
 import Listing from "@/components/pages/Listing";
 import Login from "@/components/pages/Login";
 import Logout from "@/components/pages/Logout";
@@ -54,7 +53,7 @@ const App = () => {
                   <PendoInitializer />
                   <SprigInitializer />
                   <div className="flex-grow">
-                    <Container>
+                    <div className="mt-20 mb-6 mx-4 sm:mx-6 md:mx-10 xl:mx-16 2xl:mx-28 max-full">
                       <Routes>
                         <Route path={ROUTES.HOME.path} element={<Home />} />
 
@@ -66,10 +65,6 @@ const App = () => {
 
                         {/* General pages */}
                         <Route path={ROUTES.ABOUT.path} element={<About />} />
-                        <Route
-                          path={ROUTES.DOWNLOADS.path}
-                          element={<DownloadsPage />}
-                        />
                         <Route
                           path={ROUTES.RESEARCH.path}
                           element={<ResearchPage />}
@@ -102,20 +97,17 @@ const App = () => {
                         />
 
                         {/* Listings */}
-                        <Route path={ROUTES.LISTINGS.path}>
+                        <Route path={ROUTES.BOTS.path}>
                           <Route
-                            path={ROUTES.LISTINGS.$.BROWSE.relativePath}
+                            path={ROUTES.BOTS.$.BROWSE.relativePath}
                             element={<Browse />}
                           />
                           <Route
-                            path={ROUTES.LISTINGS.$.CREATE.relativePath}
+                            path={ROUTES.BOTS.$.CREATE.relativePath}
                             element={<Create />}
                           />
                         </Route>
-                        <Route
-                          path={ROUTES.LISTING.path}
-                          element={<Listing />}
-                        />
+                        <Route path={ROUTES.BOT.path} element={<Listing />} />
                         <Route
                           path={ROUTES.FILE.path}
                           element={<FileBrowser />}
@@ -158,14 +150,19 @@ const App = () => {
                           element={<Terminal />}
                         />
 
+                        <Route
+                          path={ROUTES.LINK.path}
+                          element={<LinkRobot />}
+                        />
+
                         {/* Not found */}
                         <Route
                           path={ROUTES.NOT_FOUND.path}
                           element={<NotFound />}
                         />
                         <Route path="*" element={<NotFoundRedirect />} />
                       </Routes>
-                    </Container>
+                    </div>
                   </div>
                   <Footer />
                 </div>

diff --git a/frontend/src/components/Container.tsx b/frontend/src/components/Container.tsx
diff --git a/frontend/src/components/DownloadKernelImage.tsx b/frontend/src/components/DownloadKernelImage.tsx
diff --git a/frontend/src/components/listing/ListingDeleteButton.tsx b/frontend/src/components/listing/ListingDeleteButton.tsx
@@ -38,7 +38,7 @@ const ListingDeleteButton = (props: Props) => {
       setDeleting(false);
     } else {
       addAlert("Listing was deleted successfully", "success");
-      navigate(ROUTES.LISTINGS.BROWSE.path);
+      navigate(ROUTES.BOTS.BROWSE.path);
     }
   };
 

diff --git a/frontend/src/components/listings/ListingGrid.tsx b/frontend/src/components/listings/ListingGrid.tsx
@@ -63,10 +63,10 @@ const ListingGrid = (props: ListingGridProps) => {
       <Spinner />
     </div>
   ) : (
-    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 max-w-7xl mx-auto">
+    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
       {listingInfos.map((info) => (
         <Link
-          to={ROUTES.LISTING.buildPath({
+          to={ROUTES.BOT.buildPath({
             username: info.username,
             slug: info.slug || info.id,
           })}

diff --git a/frontend/src/components/listings/MyListingGrid.tsx b/frontend/src/components/listings/MyListingGrid.tsx
@@ -82,7 +82,7 @@ const MyListingGrid = ({ userId }: MyListingGridProps) => {
     <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 sm:gap-6">
       {listingInfos.map((info) => (
         <Link
-          to={ROUTES.LISTING.buildPath({
+          to={ROUTES.BOT.buildPath({
             username: info.username,
             slug: info.slug || info.id,
           })}

diff --git a/frontend/src/components/listings/UpvotedGrid.tsx b/frontend/src/components/listings/UpvotedGrid.tsx
@@ -92,7 +92,7 @@ const UpvotedGrid = ({ page, setPage }: UpvotedGridProps) => {
       <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 sm:gap-6">
         {listingInfos.map((info) => (
           <Link
-            to={ROUTES.LISTING.buildPath({
+            to={ROUTES.BOT.buildPath({
               username: info.username || "unknown",
               slug: info.slug || info.id,
             })}

diff --git a/frontend/src/components/modals/DeleteKernelImageModal.tsx b/frontend/src/components/modals/DeleteKernelImageModal.tsx