Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-12-15 00:26:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update terminal-panel.tsx

Browse Source
This commit is contained in:
MacRimi
2025-11-22 17:32:47 +01:00
parent b3f47f140a
commit c4ad02ff92
1 changed files with 8 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
AppImage/components/terminal-panel.tsx
View File

@@ -3,22 +3,8 @@
import type React from "react" import type React from "react"
import { useEffect, useRef, useState, useCallback } from "react" import { useEffect, useRef, useState, useCallback } from "react"
import { API_PORT } from "@/lib/api-config" import { API_PORT } from "@/lib/api-config"
import { import { Activity, Trash2, X, Search, Send, Lightbulb, Terminal, Plus, Split, Grid2X2 } from "lucide-react"
Activity,
Trash2,
X,
Search,
Send,
Wifi,
WifiOff,
Lightbulb,
Terminal,
Plus,
Split,
Grid2X2,
} from "lucide-react"
import { Button } from "@/components/ui/button" import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog"
import { Input } from "@/components/ui/input" import { Input } from "@/components/ui/input"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
@@ -226,8 +212,7 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
throw new Error("No valid examples found") throw new Error("No valid examples found")
} }
} catch (error) { } catch (error) {
console.log("[v0] Falling back to offline mode:", error) console.log("[v0] Error fetching from cheat.sh, showing offline results:", error)
setUseOnline(false)
const filtered = proxmoxCommands.filter( const filtered = proxmoxCommands.filter(
(item) => (item) =>
item.cmd.toLowerCase().includes(query.toLowerCase()) || item.cmd.toLowerCase().includes(query.toLowerCase()) ||
@@ -247,7 +232,6 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
} else { } else {
setSearchResults([]) setSearchResults([])
setFilteredCommands(proxmoxCommands) setFilteredCommands(proxmoxCommands)
setUseOnline(true) // Reset to online when query is cleared
} }
}, 800) // Increased debounce to 800ms to avoid premature requests }, 800) // Increased debounce to 800ms to avoid premature requests
@@ -652,19 +636,12 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
<DialogContent className="max-w-3xl max-h-[85vh] overflow-hidden flex flex-col"> <DialogContent className="max-w-3xl max-h-[85vh] overflow-hidden flex flex-col">
<DialogHeader className="flex flex-row items-center justify-between space-y-0 pb-4 border-b border-zinc-800"> <DialogHeader className="flex flex-row items-center justify-between space-y-0 pb-4 border-b border-zinc-800">
<DialogTitle className="text-xl font-semibold">Search Commands</DialogTitle> <DialogTitle className="text-xl font-semibold">Search Commands</DialogTitle>
<Badge variant={useOnline ? "default" : "secondary"} className="flex items-center gap-2"> <div className="flex items-center gap-2">
{useOnline ? ( <div
<> className={`w-2 h-2 rounded-full ${useOnline ? "bg-green-500" : "bg-red-500"}`}
<Wifi className="w-3 h-3" /> title={useOnline ? "Online - Using cheat.sh API" : "Offline - Using local commands"}
<span>Online Mode</span> />
</> </div>
) : (
<>
<WifiOff className="w-3 h-3" />
<span>Offline Mode</span>
</>
)}
</Badge>
</DialogHeader> </DialogHeader>
<DialogDescription className="sr-only">Search for Linux and Proxmox commands</DialogDescription> <DialogDescription className="sr-only">Search for Linux and Proxmox commands</DialogDescription>