From a722e7291bec80ac579911d038af885243e204ad Mon Sep 17 00:00:00 2001
From: Alex Mickelson <alexmickelson96@gmail.com>
Date: Tue, 7 Jan 2025 12:15:08 -0700
Subject: [PATCH] larger hovers on lectures

---
 README.md                                           |  4 ++++
 run.sh                                              |  1 +
 .../course/[courseName]/calendar/day/DayTitle.tsx   | 13 ++++++++++++-
 .../[moduleName]/quiz/[quizName]/EditQuiz.tsx       |  4 +++-
 src/components/Tooltip.tsx                          |  1 +
 5 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 8017ad1..56e968a 100644
--- a/README.md
+++ b/README.md
@@ -56,3 +56,7 @@ tighter integration with git
 
 display days settings
 - hide all sundays (horizontal space)
+
+
+lecture preview link has server side render caching issues.
+
diff --git a/run.sh b/run.sh
index 9f10cfb..a7e8d03 100755
--- a/run.sh
+++ b/run.sh
@@ -13,6 +13,7 @@ docker run -it --rm \
   -v ~/projects/faculty/1810/2025-spring-alex/online:/app/storage/intro_to_web_online \
   -v ~/projects/faculty/1400/2025_spring_alex/modules:/app/storage/1400 \
   -v ~/projects/faculty/3840_Telemetry/2025_spring_alex/modules:/app/storage/telemetry \
+  -v ~/projects/faculty/4620_Distributed/2025Spring/modules:/app/storage/distributed \
   node \
     sh -c "
       mkdir -p ~/.npm-global && \
diff --git a/src/app/course/[courseName]/calendar/day/DayTitle.tsx b/src/app/course/[courseName]/calendar/day/DayTitle.tsx
index e973082..5e094be 100644
--- a/src/app/course/[courseName]/calendar/day/DayTitle.tsx
+++ b/src/app/course/[courseName]/calendar/day/DayTitle.tsx
@@ -52,7 +52,18 @@ export function DayTitle({ day, dayAsDate }: { day: string; dayAsDate: Date }) {
       <ClientOnly>
         {(lectureName?.length ?? 0) > 0 && (
           <Tooltip
-            message={lectureName}
+            message={
+              <div>
+                {lectureName}
+                {todaysLecture?.content && (
+                  <>
+                    <pre>
+                      <code>{todaysLecture?.content}</code>
+                    </pre>
+                  </>
+                )}
+              </div>
+            }
             targetRef={linkRef}
             visible={tooltipVisible}
           />
diff --git a/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/EditQuiz.tsx b/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/EditQuiz.tsx
index 6e562f3..cd87b2d 100644
--- a/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/EditQuiz.tsx
+++ b/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/EditQuiz.tsx
@@ -62,7 +62,9 @@ short answer
 ---
 this is a matching question
 ^ left answer - right dropdown
-^ other thing -  another option`;
+^ other thing -  another option
+^ - distractor
+^ - other distractor`;
 };
 
 export default function EditQuiz({
diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx
index 8b5611d..2a8a3c5 100644
--- a/src/components/Tooltip.tsx
+++ b/src/components/Tooltip.tsx
@@ -20,6 +20,7 @@ export const Tooltip: React.FC<{
         " rounded-md py-1 px-2 " +
         " transition-all duration-400 " +
         " border border-slate-700 shadow-[0px_0px_10px_5px] shadow-slate-500/20 " +
+        " max-w-sm max-h-64 overflow-hidden " +
         (visible ? "  " : " hidden -z-50 ")
       }
       role="tooltip"