@@ -68,27 +68,53 @@ const SearchResult: React.FC<SearchResultProps> = ({ searchResult: sr }) => {
68
68
69
69
{ summary . charges && summary . charges . length > 0 && (
70
70
< div className = "space-y-3" >
71
- < h4 className = "text-sm font-medium text-gray-700" > Charges</ h4 >
71
+ < h4 className = "text-sm font-medium text-gray-700" >
72
+ Charges
73
+ </ h4 >
72
74
{ summary . charges . map ( ( charge , idx ) => (
73
- < div key = { idx } className = "pl-2 border-l-2 border-gray-200" >
75
+ < div
76
+ key = { idx }
77
+ className = "pl-2 border-l-2 border-gray-200"
78
+ >
74
79
< div className = "text-sm text-gray-800" >
75
- < div className = "font-medium mb-1" > { charge . description } </ div >
80
+ < div className = "font-medium mb-1" >
81
+ { charge . description }
82
+ </ div >
76
83
< div className = "grid grid-cols-2 gap-2 text-xs text-gray-600" >
77
84
< div >
78
- < span className = "font-medium" > Filed:</ span > { new Date ( charge . filedDate ) . toLocaleDateString ( ) }
85
+ < span className = "font-medium" >
86
+ Filed:
87
+ </ span > { ' ' }
88
+ { new Date (
89
+ charge . filedDate
90
+ ) . toLocaleDateString ( ) }
79
91
</ div >
80
92
< div >
81
- < span className = "font-medium" > Offense:</ span > { new Date ( charge . offenseDate ) . toLocaleDateString ( ) }
93
+ < span className = "font-medium" >
94
+ Offense:
95
+ </ span > { ' ' }
96
+ { new Date (
97
+ charge . offenseDate
98
+ ) . toLocaleDateString ( ) }
82
99
</ div >
83
100
< div >
84
- < span className = "font-medium" > Statute:</ span > { charge . statute }
101
+ < span className = "font-medium" >
102
+ Statute:
103
+ </ span > { ' ' }
104
+ { charge . statute }
85
105
</ div >
86
106
< div >
87
- < span className = "font-medium" > Degree:</ span > { charge . degree . description }
107
+ < span className = "font-medium" >
108
+ Degree:
109
+ </ span > { ' ' }
110
+ { charge . degree . description }
88
111
</ div >
89
112
{ charge . fine > 0 && (
90
113
< div >
91
- < span className = "font-medium" > Fine:</ span > ${ charge . fine . toFixed ( 2 ) }
114
+ < span className = "font-medium" >
115
+ Fine:
116
+ </ span > { ' ' }
117
+ ${ charge . fine . toFixed ( 2 ) }
92
118
</ div >
93
119
) }
94
120
</ div >
0 commit comments