diff --git a/src/components/Analysis/ElecHalfHourMonthlyAnalysis.tsx b/src/components/Analysis/ElecHalfHourMonthlyAnalysis.tsx index be9c2d3dfeca25221b02a48fad0a06967aa43e6a..1320e16c076c3a4699696cb5fab473e3b8ed6984 100644 --- a/src/components/Analysis/ElecHalfHourMonthlyAnalysis.tsx +++ b/src/components/Analysis/ElecHalfHourMonthlyAnalysis.tsx @@ -123,13 +123,17 @@ const ElecHalfHourMonthlyAnalysis: React.FC<ElecHalfHourMonthlyAnalysisProps> = </div> {!isLoading ? ( <> - {monthDataloads && ( + {monthDataloads ? ( <ElecHalfHourChart dataLoad={ isWeekend ? monthDataloads.weekend : monthDataloads.week } isWeekend={isWeekend} /> + ) : ( + <p className={`text-20-bold no_data`}> + {t('analysis.no_data')} + </p> )} {enedisAnalysisValues && ( <div className="min-max"> diff --git a/src/components/Analysis/elecHalfHourMonthlyAnalysis.scss b/src/components/Analysis/elecHalfHourMonthlyAnalysis.scss index 30f836559d6727af30b445b28a6ee0c8617d9db9..ec2f6105757bb921a4e1dfb19cd65642bc61be5b 100644 --- a/src/components/Analysis/elecHalfHourMonthlyAnalysis.scss +++ b/src/components/Analysis/elecHalfHourMonthlyAnalysis.scss @@ -48,6 +48,10 @@ .loader-container { text-align: center; } + .no_data { + text-align: center; + color: white; + } } .graph-elec-half-hour { height: 13rem;