From 3b3382d6d01447ab21fb4f7080fb343b9d21bbb6 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Sun, 13 Nov 2022 13:54:30 -0700
Subject: [PATCH] Fix errors

---
 web/src/routes/System.jsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/routes/System.jsx b/web/src/routes/System.jsx
index b9211ac8c..27f9e9732 100644
--- a/web/src/routes/System.jsx
+++ b/web/src/routes/System.jsx
@@ -82,12 +82,17 @@ export default function System() {
     const response = axios.get('vainfo');
 
     if (response.status === 200) {
-      setState({ ...state, showVainfo: true, vainfo: JSON.stringify(resonse.data, null, 2) });
+      setState({ ...state, showVainfo: true, vainfo: JSON.stringify(response.data, null, 2) });
     } else {
       setState({ ...state, showVainfo: true, vainfo: 'There was an error getting the vainfo output.' });
     }
   };
 
+  const onCopyVainfo = async () => {
+    await window.navigator.clipboard.writeText(JSON.stringify(state.vaifp, null, 2));
+    setState({ ...state, vainfo: '', showVainfo: false });
+  };
+
   return (
     <div className="space-y-4 p-2 px-4">
       <Heading>
@@ -179,8 +184,8 @@ export default function System() {
           ) : (
             <div data-testid="gpus" className="grid grid-cols-1 3xl:grid-cols-3 md:grid-cols-2 gap-4">
               {gpuNames.map((gpu) => (
-                <div key={detector} className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow">
-                  <div className="text-lg flex justify-between p-4">{detector}</div>
+                <div key={gpu} className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow">
+                  <div className="text-lg flex justify-between p-4">{gpu}</div>
                   <div className="p-2">
                     <Table className="w-full">
                       <Thead>