move hooks

Author: ashercoren

vim--ai-scribe--react/src/components/organisms/ai-scribe-demo/AiScribeDemo.tsx

@@ -14,7 +14,7 @@ import {
 import { MEDICAL_KEYWORDS } from "./keywords.mock";
 import type { Note } from "./Note.interface";
 import { ProcessingTab } from "./ProcessingTab";
-import { usePatientName } from "./usePatientName";
+import { usePatientName } from "../../../vimOs/usePatientName";
 import { useRecorder } from "./useRecorder";
 import { UserTab } from "./UserTab";
 
@@ -70,6 +70,7 @@ export const AiScribeDemo = () => {
   const [activeTab, setActiveTab] = useState<TabType>("record");
   const [notes, setNotes] = useState<Note[]>([]);
   const patientName = usePatientName();
+  const [visitedPatient, setVisitedPatient] = useState<string | null>(null);
   const [isProcessing, setIsProcessing] = useState(false);
   const [selectedKeyword, setSelectedKeyword] = useState<string | null>(null);
   const { watch, reset } = useNoteFormContext();
@@ -106,6 +107,7 @@ export const AiScribeDemo = () => {
 
   const handleEndVisit = () => {
     stopRecording();
+    setVisitedPatient(patientName);
     setIsProcessing(true);
 
     setTimeout(() => {
@@ -206,7 +208,7 @@ export const AiScribeDemo = () => {
 
           {activeTab === "notes" && (
             <NotesTab
-              patientName={patientName}
+              patientName={visitedPatient}
               handleFullEhrUpdate={handleFullEhrUpdate}
               renderHighlightedText={renderHighlightedText}
             />

vim--ai-scribe--react/src/components/organisms/notes-tab/NotesTab.tsx

@@ -11,7 +11,7 @@ export const NotesTab = ({
   handleFullEhrUpdate,
   renderHighlightedText,
 }: {
-  patientName: string;
+  patientName: string | null;
   handleFullEhrUpdate: () => Promise<void>;
   renderHighlightedText: (text: string) => JSX.Element;
 }) => {
@@ -29,8 +29,9 @@ export const NotesTab = ({
   return (
     <>
       <div className="flex flex-col justify-between items-center gap-2">
-        <h2 className="text-3xl font-bold text-gray-800">
-          {patientName || "Patient Name"}
+        <h2 className="text-2xl text-gray-800">
+          Notes for{" "}
+          <span className="font-bold">{patientName || "Patient Name"}</span>
         </h2>
         <div className="flex items-center space-x-4">
           <Button
@@ -40,7 +41,7 @@ export const NotesTab = ({
           >
             Transcription
           </Button>
-          <Button onClick={() => handleFullEhrUpdate()}>Push all to EHR</Button>
+          <Button onClick={handleFullEhrUpdate}>Push all to EHR</Button>
         </div>
         <div className="text-sm text-gray-500">Note saved automatically</div>
       </div>