Spaces:

edgemate
/

edgellm

Runtime error

wu981526092 commited on Aug 30

Commit

2f3d73d

1 Parent(s): 70cb2cf

Fix Model Catalog navigation in Playground

� Fix Navigation Issue:
- Replace HTML anchor tag with React Router Link component
- Prevents page refresh and direct API call to /models endpoint
- Ensures proper SPA navigation to Model Catalog page

Before: <a href='/models'> → Page refresh → JSON response
After: <Link to='/models'> → SPA navigation → Model Catalog UI

✅ Now clicking 'View Model Catalog' in Playground properly navigates to the Models page

Files changed (4) hide show

frontend/src/pages/Playground.tsx +3 -2
static/assets/index-144414e6.js +0 -0
static/assets/index-144414e6.js.map +0 -0
static/index.html +1 -1

frontend/src/pages/Playground.tsx CHANGED Viewed

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react'
 import { Button } from '@/components/ui/button'
 import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'
 import { Slider } from '@/components/ui/slider'
@@ -658,10 +659,10 @@ export function Playground() {
                   {/* Model Catalog Link */}
                   <div className="pt-2 border-t">
                     <Button variant="outline" size="sm" className="w-full" asChild>
-                      <a href="/models" className="flex items-center gap-2">
                         <BookOpen className="h-4 w-4" />
                         View Model Catalog
-                      </a>
                     </Button>
                   </div>
                 </CardContent>

 import { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
 import { Button } from '@/components/ui/button'
 import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'
 import { Slider } from '@/components/ui/slider'
                   {/* Model Catalog Link */}
                   <div className="pt-2 border-t">
                     <Button variant="outline" size="sm" className="w-full" asChild>
+                      <Link to="/models" className="flex items-center gap-2">
                         <BookOpen className="h-4 w-4" />
                         View Model Catalog
+                      </Link>
                     </Button>
                   </div>
                 </CardContent>

static/assets/index-144414e6.js ADDED Viewed

The diff for this file is too large to render. See raw diff

static/assets/index-144414e6.js.map ADDED Viewed

The diff for this file is too large to render. See raw diff

static/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Edge LLM</title>
-    <script type="module" crossorigin src="/assets/index-08e6e33b.js"></script>
     <link rel="stylesheet" href="/assets/index-2a660e81.css">
   </head>
   <body>

     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Edge LLM</title>
+    <script type="module" crossorigin src="/assets/index-144414e6.js"></script>
     <link rel="stylesheet" href="/assets/index-2a660e81.css">
   </head>
   <body>