From ca3f0351549b367402e6dd937b548760807af8a2 Mon Sep 17 00:00:00 2001
From: Pierre Le Fevre <hello@pierrelf.com>
Date: Fri, 13 Mar 2026 18:16:21 +0100
Subject: [PATCH] Fix review issues: remove orphaned divider, clean up dead
 code

- Remove orphaned Divider in ReviewPage card (no content above it after
  message moved to SpeechBubble)
- Remove unused Divider import
- Simplify lowHeartMessages in LessonPage: only 2 of 4 entries were
  reachable, replaced array with direct ternary

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/pages/LessonPage.tsx | 9 +--------
 web/src/pages/ReviewPage.tsx | 3 ---
 2 files changed, 1 insertion(+), 11 deletions(-)

diff --git a/web/src/pages/LessonPage.tsx b/web/src/pages/LessonPage.tsx
index baee50f..4afffb1 100644
--- a/web/src/pages/LessonPage.tsx
+++ b/web/src/pages/LessonPage.tsx
@@ -163,15 +163,8 @@ export function LessonPage() {
 
   const hasAnswer = state.selectedAnswer != null && state.selectedAnswer !== '';
 
-  const lowHeartMessages = [
-    'Kaya mo pa yan!',
-    'Focus lang!',
-    'Konting tiis pa!',
-    'Ingat sa sagot!',
-  ];
-
   const showLowHearts = state.hearts > 0 && state.hearts <= 2 && !state.isChecked;
-  const lowHeartMsg = lowHeartMessages[state.hearts === 1 ? 0 : 2];
+  const lowHeartMsg = state.hearts === 1 ? 'Kaya mo pa yan!' : 'Konting tiis pa!';
 
   return (
     <Box
diff --git a/web/src/pages/ReviewPage.tsx b/web/src/pages/ReviewPage.tsx
index 4e9cc30..0964965 100644
--- a/web/src/pages/ReviewPage.tsx
+++ b/web/src/pages/ReviewPage.tsx
@@ -5,7 +5,6 @@ import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
 import Typography from '@mui/material/Typography';
 import Button from '@mui/material/Button';
-import Divider from '@mui/material/Divider';
 import BoltIcon from '@mui/icons-material/Bolt';
 import { SpeechBubble } from '../components/mascot/SpeechBubble';
 import { apiClient } from '../api/client';
@@ -126,8 +125,6 @@ export function ReviewPage() {
 
       <Card sx={{ width: '100%', maxWidth: 400, mt: 3 }}>
         <CardContent sx={{ textAlign: 'center', p: 4 }}>
-          <Divider sx={{ my: 2 }} />
-
           {/* Score */}
           <Box sx={{ mb: 2 }}>
             <Typography
-- 
2.51.2