Clean up copied gpu info output

This commit is contained in:
Josh Hawkins 2024-10-31 10:15:10 -05:00
parent b384536f8d
commit 4058524d83
2 changed files with 7 additions and 5 deletions

View File

@ -10,6 +10,7 @@ import ActivityIndicator from "../indicators/activity-indicator";
import { GpuInfo, Nvinfo, Vainfo } from "@/types/stats"; import { GpuInfo, Nvinfo, Vainfo } from "@/types/stats";
import { Button } from "../ui/button"; import { Button } from "../ui/button";
import copy from "copy-to-clipboard"; import copy from "copy-to-clipboard";
import { toast } from "sonner";
type GPUInfoDialogProps = { type GPUInfoDialogProps = {
showGpuInfo: boolean; showGpuInfo: boolean;
@ -30,12 +31,11 @@ export default function GPUInfoDialog({
const onCopyInfo = async () => { const onCopyInfo = async () => {
copy( copy(
JSON.stringify(gpuType == "vainfo" ? vainfo : nvinfo).replace( JSON.stringify(gpuType == "vainfo" ? vainfo : nvinfo)
/[\\\s]+/gi, .replace(/\\t/g, "\t")
"", .replace(/\\n/g, "\n"),
),
); );
setShowGpuInfo(false); toast.success("Copied GPU info to clipboard.");
}; };
if (gpuType == "vainfo") { if (gpuType == "vainfo") {

View File

@ -13,6 +13,7 @@ import useOptimisticState from "@/hooks/use-optimistic-state";
import CameraMetrics from "@/views/system/CameraMetrics"; import CameraMetrics from "@/views/system/CameraMetrics";
import { useHashState } from "@/hooks/use-overlay-state"; import { useHashState } from "@/hooks/use-overlay-state";
import { capitalizeFirstLetter } from "@/utils/stringUtil"; import { capitalizeFirstLetter } from "@/utils/stringUtil";
import { Toaster } from "@/components/ui/sonner";
const metrics = ["general", "storage", "cameras"] as const; const metrics = ["general", "storage", "cameras"] as const;
type SystemMetric = (typeof metrics)[number]; type SystemMetric = (typeof metrics)[number];
@ -42,6 +43,7 @@ function System() {
return ( return (
<div className="flex size-full flex-col p-2"> <div className="flex size-full flex-col p-2">
<Toaster position="top-center" />
<div className="relative flex h-11 w-full items-center justify-between"> <div className="relative flex h-11 w-full items-center justify-between">
{isMobile && ( {isMobile && (
<Logo className="absolute inset-x-1/2 h-8 -translate-x-1/2" /> <Logo className="absolute inset-x-1/2 h-8 -translate-x-1/2" />