@@ -7,27 +7,22 @@ import SolutionModal from "../../home/test/SolutionModal";
77import dayjs from "dayjs" ;
88import { useNavigate } from "react-router-dom" ;
99import CheckIcon from "../../../assets/images/icon_check.svg?react" ;
10- import SadnessIcon from "../../../assets/images/chatresult/icon_sadness.svg?react" ;
11- import FearIcon from "../../../assets/images/chatresult/icon_fear.svg?react" ;
12- import DisgustIcon from "../../../assets/images/chatresult/icon_disgust.svg?react" ;
13- import AngerIcon from "../../../assets/images/chatresult/icon_anger.svg?react" ;
14- import NeutralIcon from "../../../assets/images/chatresult/icon_neutral.svg?react" ;
1510
1611function ReportDetailPage ( ) {
1712 const [ reportModalVisible , setReportModalVisible ] = useState ( false ) ;
1813 const navigate = useNavigate ( ) ;
19- const [ emotion , setEmotion ] = useState < string > ( "fear" ) ;
14+ const [ emotion ] = useState < string > ( "fear" ) ;
2015
2116 return (
2217 < ReportLayout >
2318 < h1 className = "text-2xl font-bold whitespace-pre-line flex gap-4" >
24- < BackIcon className = "w-6 h-6 mt-2" onClick = { ( ) => navigate ( - 1 ) } />
19+ < BackIcon className = "w-6 h-6 mt-2" onClick = { ( ) => navigate ( - 1 ) } />
2520 { `Here's your\nTalking summary` }
26- </ h1 >
21+ </ h1 >
2722
2823 { /* Date */ }
2924 < div className = "w-full text-xs text-center bg-second text-white py-1 rounded-full mb-8 mt-12" >
30- { dayjs ( ) . format ( ' ddd, MMM DD, hh:mm a' ) }
25+ { dayjs ( ) . format ( " ddd, MMM DD, hh:mm a" ) }
3126 </ div >
3227
3328 { /* Summary */ }
@@ -56,10 +51,12 @@ function ReportDetailPage() {
5651 < div className = "border border-orange-100 rounded-xl p-4 mb-6 bg-white" >
5752 < h2 className = "font-semibold text-md mb-1" > Mood of the Day</ h2 >
5853 < div className = "flex items-center gap-2" >
59- < img src = { `../../../assets/images/chatresult/icon_${ emotion } .svg?react` } alt = { emotion } className = "w-4 h-4" />
60- < span className = { `text-black text-sm` } >
61- { emotion }
62- </ span >
54+ < img
55+ src = { `../../../assets/images/chatresult/icon_${ emotion } .svg?react` }
56+ alt = { emotion }
57+ className = "w-4 h-4"
58+ />
59+ < span className = { `text-black text-sm` } > { emotion } </ span >
6360 < div className = "flex-1" >
6461 < div className = "h-2 bg-gray-200 rounded-full overflow-hidden" >
6562 < div className = { `h-full bg-${ "emotion" } w-[70%]` } />
@@ -73,9 +70,18 @@ function ReportDetailPage() {
7370 < div className = "border border-orange-100 rounded-xl p-4 mb-8 bg-white" >
7471 < h2 className = "font-semibold text-md mb-2" > Recommendations</ h2 >
7572 < ul className = "text-sm list-none space-y-3" >
76- < li className = "flex items-center gap-2" > < CheckIcon className = "w-4 h-4" /> Take 3 quiet minutes each day</ li >
77- < li className = "flex items-center gap-2" > < CheckIcon className = "w-4 h-4" /> Stop working at least 2 hours before bed</ li >
78- < li className = "flex items-center gap-2" > < CheckIcon className = "w-4 h-4" /> Take a 10minute break every 90 minutes</ li >
73+ < li className = "flex items-center gap-2" >
74+ < CheckIcon className = "w-4 h-4" />
75+ Take 3 quiet minutes each day
76+ </ li >
77+ < li className = "flex items-center gap-2" >
78+ < CheckIcon className = "w-4 h-4" />
79+ Stop working at least 2 hours before bed
80+ </ li >
81+ < li className = "flex items-center gap-2" >
82+ < CheckIcon className = "w-4 h-4" />
83+ Take a 10minute break every 90 minutes
84+ </ li >
7985 </ ul >
8086 </ div >
8187
0 commit comments