diff options
Diffstat (limited to 'frontend/src/components/Summary.tsx')
| -rw-r--r-- | frontend/src/components/Summary.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/frontend/src/components/Summary.tsx b/frontend/src/components/Summary.tsx index ba91f57..1bd70f0 100644 --- a/frontend/src/components/Summary.tsx +++ b/frontend/src/components/Summary.tsx | |||
| @@ -191,7 +191,7 @@ const Summary: React.FC<SummaryProps> = ({ | |||
| 191 | <span style={{ color: "red" }}>Very Hard</span> | 191 | <span style={{ color: "red" }}>Very Hard</span> |
| 192 | )} | 192 | )} |
| 193 | <div> | 193 | <div> |
| 194 | {data.map.difficulty <= 2 && ? ( | 194 | {data.map.difficulty <= 2 ? ( |
| 195 | <div | 195 | <div |
| 196 | className="difficulty-rating" | 196 | className="difficulty-rating" |
| 197 | style={{ backgroundColor: "lime" }} | 197 | style={{ backgroundColor: "lime" }} |
| @@ -199,7 +199,7 @@ const Summary: React.FC<SummaryProps> = ({ | |||
| 199 | ) : ( | 199 | ) : ( |
| 200 | <div className="difficulty-rating"></div> | 200 | <div className="difficulty-rating"></div> |
| 201 | )} | 201 | )} |
| 202 | {data.map.difficulty > 2 && data.map.difficulty <= 4 && ? ( | 202 | {data.map.difficulty > 2 && data.map.difficulty <= 4 ? ( |
| 203 | <div | 203 | <div |
| 204 | className="difficulty-rating" | 204 | className="difficulty-rating" |
| 205 | style={{ backgroundColor: "green" }} | 205 | style={{ backgroundColor: "green" }} |
| @@ -207,7 +207,7 @@ const Summary: React.FC<SummaryProps> = ({ | |||
| 207 | ) : ( | 207 | ) : ( |
| 208 | <div className="difficulty-rating"></div> | 208 | <div className="difficulty-rating"></div> |
| 209 | )} | 209 | )} |
| 210 | {data.map.difficulty > 4 && data.map.difficulty <= 6 && ? ( | 210 | {data.map.difficulty > 4 && data.map.difficulty <= 6 ? ( |
| 211 | <div | 211 | <div |
| 212 | className="difficulty-rating" | 212 | className="difficulty-rating" |
| 213 | style={{ backgroundColor: "yellow" }} | 213 | style={{ backgroundColor: "yellow" }} |
| @@ -215,7 +215,7 @@ const Summary: React.FC<SummaryProps> = ({ | |||
| 215 | ) : ( | 215 | ) : ( |
| 216 | <div className="difficulty-rating"></div> | 216 | <div className="difficulty-rating"></div> |
| 217 | )} | 217 | )} |
| 218 | {data.map.difficulty > 6 && data.map.difficulty <= 8 && ? ( | 218 | {data.map.difficulty > 6 && data.map.difficulty <= 8 ? ( |
| 219 | <div | 219 | <div |
| 220 | className="difficulty-rating" | 220 | className="difficulty-rating" |
| 221 | style={{ backgroundColor: "orange" }} | 221 | style={{ backgroundColor: "orange" }} |
| @@ -223,7 +223,7 @@ const Summary: React.FC<SummaryProps> = ({ | |||
| 223 | ) : ( | 223 | ) : ( |
| 224 | <div className="difficulty-rating"></div> | 224 | <div className="difficulty-rating"></div> |
| 225 | )} | 225 | )} |
| 226 | {data.map.difficulty > 8 && data.map.difficulty <= 10 && ? ( | 226 | {data.map.difficulty > 8 && data.map.difficulty <= 10 ? ( |
| 227 | <div | 227 | <div |
| 228 | className="difficulty-rating" | 228 | className="difficulty-rating" |
| 229 | style={{ backgroundColor: "red" }} | 229 | style={{ backgroundColor: "red" }} |