dennii/Termix
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 22 Wiki Activity

fix: syntax errors

Browse Source
This commit is contained in:
LukeGus
2025-12-23 19:09:32 -06:00
parent e6a70e3a02
commit 07895257fd
7 changed files with 119 additions and 448 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/ui/desktop/apps/server-stats/widgets/LoginStatsWidget.tsx
View File

@@ -36,7 +36,6 @@ export function LoginStatsWidget({ metrics }: LoginStatsWidgetProps) {
return (
<div className="h-full w-full p-4 rounded-lg bg-canvas/50 border border-edge/50 hover:bg-canvas/70 transition-colors duration-200 flex flex-col overflow-hidden">
<div className="flex items-center gap-2 flex-shrink-0 mb-3">
<UserCheck className="h-5 w-5 text-green-400" />
<h3 className="font-semibold text-lg text-foreground">
@@ -78,15 +77,10 @@ export function LoginStatsWidget({ metrics }: LoginStatsWidgetProps) {
</div>
) : (
<div className="space-y-1">
{recentLogins.slice(0, 5).map((login) => (
{recentLogins.slice(0, 5).map((login, idx) => (
<div
key={`${login.user}-${login.time}-${login.ip}`}
className="text-xs bg-dark-bg-darker p-2 rounded border border-dark-border/30 flex justify-between items-center"
key={idx}
className="text-xs bg-elevated p-2 rounded border border-edge/30 flex justify-between items-center"
>
<div className="flex items-center gap-2 min-w-0">
<span className="text-green-400 font-mono truncate">

12
src/ui/desktop/apps/server-stats/widgets/ProcessesWidget.tsx
View File

@@ -29,7 +29,6 @@ export function ProcessesWidget({ metrics }: ProcessesWidgetProps) {
return (
<div className="h-full w-full p-4 rounded-lg bg-canvas/50 border border-edge/50 hover:bg-canvas/70 transition-colors duration-200 flex flex-col overflow-hidden">
<div className="flex items-center gap-2 flex-shrink-0 mb-3">
<List className="h-5 w-5 text-yellow-400" />
<h3 className="font-semibold text-lg text-foreground">
@@ -60,15 +59,10 @@ export function ProcessesWidget({ metrics }: ProcessesWidgetProps) {
</div>
) : (
<div className="space-y-2">
{topProcesses.map((proc) => (
{topProcesses.map((proc, index) => (
<div
key={proc.pid}
className="p-2.5 rounded-lg bg-dark-bg/30 hover:bg-dark-bg/50 transition-colors border border-dark-border/20"
key={index}
className="p-2.5 rounded-lg bg-canvas/30 hover:bg-canvas/50 transition-colors border border-edge/20"
>
<div className="flex items-center justify-between mb-1.5">
<span className="text-xs font-mono text-muted-foreground font-medium">
@@ -82,7 +76,9 @@ export function ProcessesWidget({ metrics }: ProcessesWidgetProps) {
<div className="text-xs text-foreground font-mono truncate mb-1">
{proc.command}
</div>
<div className="text-xs text-foreground-subtle">User: {proc.user}</div>
<div className="text-xs text-foreground-subtle">
User: {proc.user}
</div>
</div>
))}
</div>

65
src/ui/desktop/apps/tools/SSHToolsSidebar.tsx
View File

@@ -813,9 +813,7 @@ export function SSHToolsSidebar({
const targetFolder = targetSnippet.folder || "";
if (sourceFolder !== targetFolder) {
toast.error(
t("snippets.reorderSameFolder"),
);
toast.error(t("snippets.reorderSameFolder"));
setDraggedSnippet(null);
setDragOverFolder(null);
return;
@@ -850,14 +848,10 @@ export function SSHToolsSidebar({
try {
await reorderSnippets(updates);
toast.success(
t("snippets.reorderSuccess"),
);
toast.success(t("snippets.reorderSuccess"));
fetchSnippets();
} catch {
toast.error(
t("snippets.reorderFailed"),
);
toast.error(t("snippets.reorderFailed"));
}
setDraggedSnippet(null);
@@ -895,6 +889,7 @@ export function SSHToolsSidebar({
confirmWithToast(
t("snippets.deleteFolderConfirm", {
name: folderName,
}),
async () => {
try {
await deleteSnippetFolder(folderName);
@@ -1013,9 +1008,7 @@ export function SSHToolsSidebar({
}
if (splitAssignments.size === 0) {
toast.error(
t("splitScreen.error.noAssignments"),
);
toast.error(t("splitScreen.error.noAssignments"));
return;
}
@@ -1051,9 +1044,7 @@ export function SSHToolsSidebar({
setCurrentTab(orderedTabIds[0]);
}
toast.success(
t("splitScreen.success"),
);
toast.success(t("splitScreen.success"));
};
const handleClearSplit = () => {
@@ -1065,9 +1056,7 @@ export function SSHToolsSidebar({
setSplitAssignments(new Map());
setPreviewKey((prev) => prev + 1);
toast.success(
t("splitScreen.cleared"),
);
toast.success(t("splitScreen.cleared"));
};
const handleResetToSingle = () => {
@@ -1085,13 +1074,9 @@ export function SSHToolsSidebar({
try {
await deleteCommandFromHistory(activeTerminalHostId, command);
setCommandHistory((prev) => prev.filter((c) => c !== command));
toast.success(
t("commandHistory.deleteSuccess"),
);
toast.success(t("commandHistory.deleteSuccess"));
} catch {
toast.error(
t("commandHistory.deleteFailed"),
);
toast.error(t("commandHistory.deleteFailed"));
}
}
};
@@ -1606,7 +1591,8 @@ export function SSHToolsSidebar({
<div className="text-center text-muted-foreground py-8">
<Terminal className="h-12 w-12 mb-4 opacity-20 mx-auto" />
<p className="mb-2 font-medium">
{t("commandHistory.noTerminal")} </p>
{t("commandHistory.noTerminal")}{" "}
</p>
<p className="text-sm">
{t("commandHistory.noTerminalHint")}
</p>
@@ -1615,7 +1601,8 @@ export function SSHToolsSidebar({
<div className="text-center text-muted-foreground py-8">
<Loader2 className="h-12 w-12 mb-4 opacity-20 mx-auto animate-spin" />
<p className="mb-2 font-medium">
{t("commandHistory.loading")} </p>
{t("commandHistory.loading")}{" "}
</p>
</div>
) : filteredCommands.length === 0 ? (
<div className="text-center text-muted-foreground py-8">
@@ -1699,11 +1686,14 @@ export function SSHToolsSidebar({
{t("splitScreen.none")}
</TabsTrigger>
<TabsTrigger value="2">
{t("splitScreen.twoSplit")} </TabsTrigger>
{t("splitScreen.twoSplit")}{" "}
</TabsTrigger>
<TabsTrigger value="3">
{t("splitScreen.threeSplit")} </TabsTrigger>
{t("splitScreen.threeSplit")}{" "}
</TabsTrigger>
<TabsTrigger value="4">
{t("splitScreen.fourSplit")} </TabsTrigger>
{t("splitScreen.fourSplit")}{" "}
</TabsTrigger>
</TabsList>
</Tabs>
@@ -1759,7 +1749,7 @@ export function SSHToolsSidebar({
{t("splitScreen.layout")}
</label>
<div
className={`grid gap-2 ${
className={`grid gap-2 mt-2 ${
splitMode === "2"
? "grid-cols-2"
: splitMode === "3"
@@ -1869,8 +1859,8 @@ export function SSHToolsSidebar({
className="absolute top-0 h-full cursor-col-resize z-[60]"
onMouseDown={handleMouseDown}
style={{
left: "-8px",
width: "18px",
left: "-4px",
width: "8px",
backgroundColor: isResizing
? "var(--bg-active)"
: "transparent",
@@ -1970,9 +1960,7 @@ export function SSHToolsSidebar({
}
>
<SelectTrigger>
<SelectValue
placeholder={t("snippets.selectFolder")}
/>
<SelectValue placeholder={t("snippets.selectFolder")} />
</SelectTrigger>
<SelectContent>
<SelectItem value="__no_folder__">
@@ -2051,7 +2039,7 @@ export function SSHToolsSidebar({
<h2 className="text-xl font-semibold text-foreground">
{editingFolder
? t("snippets.editFolder")
: t("snippets.createFolder")
: t("snippets.createFolder")}
</h2>
<p className="text-sm text-muted-foreground mt-1">
{editingFolder
@@ -2155,8 +2143,7 @@ export function SSHToolsSidebar({
);
})()}
<span className="font-medium">
{folderFormData.name ||
t("snippets.folderName")}
{folderFormData.name || t("snippets.folderName")}
</span>
</div>
</div>
@@ -2175,7 +2162,7 @@ export function SSHToolsSidebar({
<Button onClick={handleFolderSubmit} className="flex-1">
{editingFolder
? t("snippets.updateFolder")
: t("snippets.createFolder")
: t("snippets.createFolder")}
</Button>
</div>
</div>