Skip to content

Commit 0ef9cc1

Browse files
GuidoBRGuidoBR
committed
Improve the reports page
1 parent 56bc68a commit 0ef9cc1

File tree

7 files changed

+520
-135
lines changed

7 files changed

+520
-135
lines changed

‎frontend/src/common/utils/i18n/resources/en/report.json‎

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,8 +43,17 @@
4343
"hemoglobinSuggestion2": "Consider iron-rich foods or supplements after medical consultation already on one."
4444
},
4545
"list": {
46-
"title": "Medical Reports",
46+
"title": "Reports",
4747
"emptyState": "No reports found",
48-
"uploadPrompt": "Upload a medical report to get started"
48+
"uploadPrompt": "Upload a medical report to get started",
49+
"filterAll": "All",
50+
"filterBookmarked": "Bookmarked",
51+
"noBookmarksTitle": "No Bookmarked Reports",
52+
"noBookmarksMessage": "Bookmark reports to find them quickly here",
53+
"sortButton": "Sort reports",
54+
"filterButton": "Filter reports",
55+
"categoryGeneral": "General",
56+
"categoryBrain": "Brain",
57+
"categoryHeart": "Heart"
4958
}
5059
}

‎frontend/src/common/utils/i18n/resources/es/report.json‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
{
2+
"detail": {
3+
"title": "Detalle del Informe",
4+
"loading": "Cargando informe...",
5+
"aiInsights": "Análisis de IA",
6+
"testResults": "Resultados de Pruebas",
7+
"test": "Prueba",
8+
"results": "Resultados",
9+
"refRange": "Rango Ref.",
10+
"reportDate": "Fecha del Informe",
11+
"doctor": "Médico",
12+
"facility": "Centro Médico",
13+
"medicalComments": "Comentarios Médicos",
14+
"hemoglobin": "Hemoglobina",
15+
"ldl": "Colesterol LDL",
16+
"glucose": "Glucosa en Ayunas",
17+
"alt": "ALT (Enzima Hepática)",
18+
"wbc": "Glóbulos Blancos",
19+
"vitaminD": "Vitamina D (25-OH)",
20+
"cholesterol": "Colesterol Total",
21+
"bookmarkAdded": "Informe añadido a marcadores",
22+
"bookmarkRemoved": "Informe eliminado de marcadores",
23+
"aiInsightsContent": "Basado en los resultados de los análisis de sangre, nuestra IA ha identificado varios puntos de interés que pueden requerir atención o una discusión más detallada con su proveedor de salud.",
24+
"insight1Title": "Nivel de Hemoglobina",
25+
"insight1Content": "Su nivel de hemoglobina está ligeramente por debajo del rango de referencia. Esto podría indicar anemia leve, que puede causar fatiga y debilidad.",
26+
"insight2Title": "Niveles de Colesterol",
27+
"insight2Content": "Tanto su colesterol LDL como su colesterol total están elevados, lo que puede aumentar su riesgo de enfermedad cardiovascular.",
28+
"insight3Title": "Glucosa en Sangre",
29+
"insight3Content": "Su glucosa en ayunas está elevada, lo que potencialmente indica prediabetes. Modificaciones en el estilo de vida pueden ayudar a mejorar este valor.",
30+
"hemoglobinComment": "El nivel de hemoglobina del paciente es de 12,5 g/dL, lo que se encuentra dentro del extremo inferior del rango de referencia normal para la mayoría de los adultos. Si bien este valor aún puede considerarse aceptable, es importante evaluarlo en el contexto de la edad, el sexo, los síntomas clínicos y el historial médico del paciente.",
31+
"emergencyWarning": "Por favor, contacte a su médico o busque atención de emergencia inmediatamente.",
32+
"flaggedValues": "Valores marcados",
33+
"highLdl": "Colesterol LDL Alto",
34+
"lowHemoglobin": "Hemoglobina Baja (10,1 g/dL)",
35+
"conclusion": "Conclusión:",
36+
"suggestions": "Sugerencias:",
37+
"ldlConclusion": "El LDL elevado (colesterol malo) aumenta su riesgo de enfermedad cardiovascular",
38+
"ldlSuggestion1": "Considere una dieta saludable para el corazón (por ejemplo, mediterránea).",
39+
"ldlSuggestion2": "Aumente la actividad física.",
40+
"ldlSuggestion3": "Discuta la terapia con estatinas con su médico si aún no está en una.",
41+
"hemoglobinConclusion": "Este nivel sugiere anemia, que puede causar fatiga y debilidad.",
42+
"hemoglobinSuggestion1": "Prueba de deficiencia de hierro, B12 y folato.",
43+
"hemoglobinSuggestion2": "Considere alimentos ricos en hierro o suplementos después de consulta médica."
44+
},
45+
"list": {
46+
"title": "Informes Médicos",
47+
"emptyState": "No se encontraron informes",
48+
"uploadPrompt": "Sube un informe médico para comenzar",
49+
"filterAll": "Todos",
50+
"filterBookmarked": "Guardados",
51+
"noBookmarksTitle": "No Hay Informes Guardados",
52+
"noBookmarksMessage": "Guarda informes como favoritos para encontrarlos rápidamente aquí"
53+
}
54+
}

‎frontend/src/common/utils/i18n/resources/fr/report.json‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
{
2+
"detail": {
3+
"title": "Détail du Rapport",
4+
"loading": "Chargement du rapport...",
5+
"aiInsights": "Analyse IA",
6+
"testResults": "Résultats d'Analyses",
7+
"test": "Test",
8+
"results": "Résultats",
9+
"refRange": "Plage Réf.",
10+
"reportDate": "Date du Rapport",
11+
"doctor": "Médecin",
12+
"facility": "Établissement",
13+
"medicalComments": "Commentaires Médicaux",
14+
"hemoglobin": "Hémoglobine",
15+
"ldl": "Cholestérol LDL",
16+
"glucose": "Glycémie à Jeun",
17+
"alt": "ALT (Enzyme Hépatique)",
18+
"wbc": "Globules Blancs",
19+
"vitaminD": "Vitamine D (25-OH)",
20+
"cholesterol": "Cholestérol Total",
21+
"bookmarkAdded": "Rapport ajouté aux favoris",
22+
"bookmarkRemoved": "Rapport retiré des favoris",
23+
"aiInsightsContent": "Sur la base des résultats des analyses sanguines, notre IA a identifié plusieurs points d'intérêt qui peuvent nécessiter une attention ou une discussion plus approfondie avec votre prestataire de soins de santé.",
24+
"insight1Title": "Niveau d'Hémoglobine",
25+
"insight1Content": "Votre niveau d'hémoglobine est légèrement inférieur à la plage de référence. Cela pourrait indiquer une anémie légère, qui peut causer de la fatigue et de la faiblesse.",
26+
"insight2Title": "Niveaux de Cholestérol",
27+
"insight2Content": "Votre cholestérol LDL et votre cholestérol total sont élevés, ce qui peut augmenter votre risque de maladie cardiovasculaire.",
28+
"insight3Title": "Glycémie",
29+
"insight3Content": "Votre glycémie à jeun est élevée, ce qui pourrait indiquer un prédiabète. Des modifications du mode de vie peuvent aider à améliorer cette valeur.",
30+
"hemoglobinComment": "Le niveau d'hémoglobine du patient est de 12,5 g/dL, ce qui se situe dans la partie inférieure de la plage de référence normale pour la plupart des adultes. Bien que cette valeur puisse encore être considérée comme acceptable, il est important de l'évaluer dans le contexte de l'âge, du sexe, des symptômes cliniques et des antécédents médicaux du patient.",
31+
"emergencyWarning": "Veuillez contacter votre médecin ou rechercher des soins d'urgence immédiatement.",
32+
"flaggedValues": "Valeurs signalées",
33+
"highLdl": "LDL Cholestérol Élevé",
34+
"lowHemoglobin": "Hémoglobine Basse (10,1 g/dL)",
35+
"conclusion": "Conclusion :",
36+
"suggestions": "Suggestions :",
37+
"ldlConclusion": "Le LDL élevé (mauvais cholestérol) augmente votre risque de maladie cardiovasculaire",
38+
"ldlSuggestion1": "Envisagez un régime bon pour le cœur (par exemple, méditerranéen).",
39+
"ldlSuggestion2": "Augmentez l'activité physique.",
40+
"ldlSuggestion3": "Discutez d'un traitement par statines avec votre médecin si vous n'en prenez pas déjà.",
41+
"hemoglobinConclusion": "Ce niveau suggère une anémie, qui peut causer de la fatigue et de la faiblesse.",
42+
"hemoglobinSuggestion1": "Testez les carences en fer, B12 et folate.",
43+
"hemoglobinSuggestion2": "Envisagez des aliments riches en fer ou des suppléments après consultation médicale."
44+
},
45+
"list": {
46+
"title": "Rapports Médicaux",
47+
"emptyState": "Aucun rapport trouvé",
48+
"uploadPrompt": "Téléchargez un rapport médical pour commencer",
49+
"filterAll": "Tous",
50+
"filterBookmarked": "Favoris",
51+
"noBookmarksTitle": "Aucun Rapport en Favoris",
52+
"noBookmarksMessage": "Marquez des rapports comme favoris pour les trouver rapidement ici"
53+
}
54+
}

‎frontend/src/pages/Home/components/ReportItem/ReportItem.scss‎

Lines changed: 68 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,93 @@
11
.report-item {
2-
--padding-start: 1rem;
3-
--padding-end: 1rem;
4-
--padding-top: 0.75rem;
5-
--padding-bottom: 0.75rem;
6-
--background: white;
7-
--border-color: rgba(0, 0, 0, 0.05);
8-
border-radius: 0.75rem;
9-
margin-bottom: 0.75rem;
10-
11-
&__category {
12-
font-size: 0.75rem;
13-
color: #ff7a45;
14-
margin-bottom: 0.25rem;
15-
font-weight: 600;
16-
display: flex;
17-
align-items: center;
18-
19-
&::before {
20-
content: '';
2+
display: flex;
3+
padding: 16px;
4+
background: white;
5+
border-radius: 12px;
6+
margin-bottom: 12px;
7+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
8+
position: relative;
9+
cursor: pointer;
10+
11+
&__content {
12+
flex: 1;
13+
margin-left: 16px;
14+
}
15+
16+
&__category-label {
17+
font-size: 12px;
18+
color: #4355b9;
19+
margin-bottom: 4px;
20+
font-weight: 500;
21+
22+
// Add a small bullet before neurological category
23+
&:before {
24+
content: "";
2125
display: inline-block;
22-
width: 8px;
23-
height: 8px;
26+
width: 6px;
27+
height: 6px;
28+
background-color: #fd6a6a;
2429
border-radius: 50%;
25-
background-color: #ff7a45;
26-
margin-right: 6px;
30+
margin-right: 8px;
31+
vertical-align: middle;
2732
}
2833
}
29-
34+
3035
&__title {
3136
font-weight: 600;
32-
margin: 0;
33-
font-size: 1rem;
34-
color: var(--ion-color-dark);
35-
line-height: 1.3;
37+
font-size: 16px;
38+
color: #111;
39+
margin-bottom: 4px;
3640
}
37-
41+
3842
&__date {
39-
font-size: 0.75rem;
40-
color: var(--ion-color-medium);
41-
margin-top: 0.25rem;
43+
font-size: 12px;
44+
color: #777;
4245
}
43-
46+
4447
&__bookmark {
45-
color: var(--ion-color-primary);
46-
font-size: 1.25rem;
47-
48-
&--inactive {
49-
opacity: 0.3;
48+
padding: 8px;
49+
display: flex;
50+
align-items: center;
51+
justify-content: center;
52+
53+
&-icon {
54+
font-size: 22px;
55+
color: #aaa;
56+
57+
&--active {
58+
color: #4355b9;
59+
}
5060
}
5161
}
52-
62+
5363
&__icon {
64+
width: 40px;
65+
height: 40px;
66+
border-radius: 50%;
5467
display: flex;
5568
align-items: center;
5669
justify-content: center;
57-
width: 2.5rem;
58-
height: 2.5rem;
59-
border-radius: 0.75rem;
60-
margin-right: 1rem;
61-
color: white;
62-
70+
flex-shrink: 0;
71+
6372
&--general {
64-
background-color: #4765ff;
73+
background-color: #4355b9;
6574
}
66-
67-
&--neurological {
68-
background-color: #5856d6;
75+
76+
&--brain {
77+
background-color: #4355b9;
6978
}
70-
71-
&--oftalmological {
72-
background-color: #34c759;
79+
80+
&--neurological {
81+
background-color: #4355b9;
7382
}
74-
83+
7584
&--heart {
76-
background-color: #ff2d55;
77-
}
78-
79-
&--gastro {
80-
background-color: #ff9500;
81-
}
82-
83-
&--orthopedic {
84-
background-color: #007aff;
85+
background-color: #4355b9;
8586
}
86-
87-
&--other {
88-
background-color: #8e8e93;
87+
88+
svg {
89+
width: 22px;
90+
height: 22px;
8991
}
9092
}
91-
}
93+
}

0 commit comments

Comments
 (0)