From a7f7ff38d560930869b4f007680f70ced08c545c Mon Sep 17 00:00:00 2001
From: wil <wil@storyteller.ai>
Date: Wed, 24 Apr 2024 00:14:29 -0400
Subject: [PATCH] back merge and typo

---
 .../comps/SidePanelTabs/AudioTab/inferenceElement.tsx         | 2 +-
 .../PageEnigma/comps/SidePanelTabs/AudioTab/pageLibrary.tsx   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/pages/PageEnigma/comps/SidePanelTabs/AudioTab/inferenceElement.tsx b/app/pages/PageEnigma/comps/SidePanelTabs/AudioTab/inferenceElement.tsx
index 3e15a60de7..b2b625b963 100644
--- a/app/pages/PageEnigma/comps/SidePanelTabs/AudioTab/inferenceElement.tsx
+++ b/app/pages/PageEnigma/comps/SidePanelTabs/AudioTab/inferenceElement.tsx
@@ -7,7 +7,7 @@ import { JobState } from "~/hooks/useInferenceJobManager/useInferenceJobManager"
 import { InferenceJob } from "~/pages/PageEnigma/models";
 import { ButtonIcon, H5 } from "~/components";
 
-export const InterenceElement = ({job}:{job:InferenceJob})=>{
+export const InferenceElement = ({job}:{job:InferenceJob})=>{
 
   const className = twMerge(
     "rounded-md w-full flex justify-between items-center p-2 gap-2",
diff --git a/app/pages/PageEnigma/comps/SidePanelTabs/AudioTab/pageLibrary.tsx b/app/pages/PageEnigma/comps/SidePanelTabs/AudioTab/pageLibrary.tsx
index 1045a0bfe1..433ad1b216 100644
--- a/app/pages/PageEnigma/comps/SidePanelTabs/AudioTab/pageLibrary.tsx
+++ b/app/pages/PageEnigma/comps/SidePanelTabs/AudioTab/pageLibrary.tsx
@@ -10,7 +10,7 @@ import { JobState } from "~/hooks/useInferenceJobManager/useInferenceJobManager"
 import { Button } from "~/components";
 import { AudioItemElements } from "./audioItemElements";
 import { AudioTabPages } from "./types";
-import { InterenceElement } from "./inferenceElement";
+import { InferenceElement } from "./inferenceElement";
 
 
 export const PageLibrary = ({
@@ -86,7 +86,7 @@ export const PageLibrary = ({
         {audioInferenceJobs.value.length > 0 &&
           <div className="grid grid-cols-1 gap-2 mb-4">
             {audioInferenceJobs.value.map((job)=>{
-              return(<InterenceElement job={job}/>);
+              return(<InferenceElement key={job.job_id} job={job}/>);
             })}
           </div>
         }