diff --git a/src/components/ContainerComponents/ViewContainer/HomeViewContainer.tsx b/src/components/ContainerComponents/ViewContainer/HomeViewContainer.tsx index 6a52ef466604cc45e32cc5e9e13838aaedb74aff..c1a4e4a76488678ad88bc5977307d59c2d02e0be 100644 --- a/src/components/ContainerComponents/ViewContainer/HomeViewContainer.tsx +++ b/src/components/ContainerComponents/ViewContainer/HomeViewContainer.tsx @@ -16,7 +16,9 @@ const HomeViewContainer: React.FC = () => { AppContext ) const [timeStep, setTimeStep] = useState<TimeStep>( - previousTimeStep ? previousTimeStep : 20 + previousTimeStep && previousTimeStep !== TimeStep.HALF_AN_HOUR + ? previousTimeStep + : TimeStep.DAY ) const [resetRefenceDate, setResetReferenceDate] = useState<boolean>(false) const [headerHeight, setHeaderHeight] = useState<number>(0) diff --git a/src/components/ContainerComponents/ViewContainer/SingleFluidViewContainer.tsx b/src/components/ContainerComponents/ViewContainer/SingleFluidViewContainer.tsx index 7a12b254c32d905372b9a54c1b165b3592b6ac91..882df7e31342b3200032309439f28d202850df3b 100644 --- a/src/components/ContainerComponents/ViewContainer/SingleFluidViewContainer.tsx +++ b/src/components/ContainerComponents/ViewContainer/SingleFluidViewContainer.tsx @@ -19,7 +19,9 @@ const SingleFluidViewContainer: React.FC<SingleFluidViewContainerProps> = ({ const { setPreviousTimeStep, previousTimeStep } = useContext(AppContext) const [timeStep, setTimeStep] = useState<TimeStep | null>( - previousTimeStep ? previousTimeStep : 20 + previousTimeStep && previousTimeStep !== TimeStep.HALF_AN_HOUR + ? previousTimeStep + : TimeStep.DAY ) const [resetRefenceDate, setResetReferenceDate] = useState<boolean>(false) const [headerHeight, setHeaderHeight] = useState<number>(0) diff --git a/src/components/ContentComponents/Challenge/FollowChallengeTimeline.tsx b/src/components/ContentComponents/Challenge/FollowChallengeTimeline.tsx index 9dd90d335fda5b9adbf18bf4369d962595f0e860..e8b3edc7b58b0113e22d46c298786d4273144daa 100644 --- a/src/components/ContentComponents/Challenge/FollowChallengeTimeline.tsx +++ b/src/components/ContentComponents/Challenge/FollowChallengeTimeline.tsx @@ -98,7 +98,7 @@ const FollowChallengeTimeline: React.FC<FollowChallengeTimelineViewProps> = ({ } } - const generateTimelinePart = ( + const generateMonthTimelinePart = ( index: number, dayCount: number, className: string @@ -117,17 +117,27 @@ const FollowChallengeTimeline: React.FC<FollowChallengeTimelineViewProps> = ({ ) } + const generateWeekTimelinePart = (index: number, className: string) => { + return ( + <div + className={`${className} ${ + index < getListOfPastDays() ? 'past' : 'futur' + }`} + ></div> + ) + } + const monthChallenge = () => { return getListOfWeeks().map((day, index) => ( <div key={index} className="day-solo"> <div className="day-line-label"> - {generateTimelinePart(index, 3, 'date-dash')} - {generateTimelinePart(index, 2, 'date-dash')} - {generateTimelinePart(index, 1, 'date-dash')} - {generateTimelinePart(index, 0, 'date-label')} - {generateTimelinePart(index, -1, 'date-dash')} - {generateTimelinePart(index, -2, 'date-dash')} - {generateTimelinePart(index, -3, 'date-dash')} + {generateMonthTimelinePart(index, 3, 'date-dash')} + {generateMonthTimelinePart(index, 2, 'date-dash')} + {generateMonthTimelinePart(index, 1, 'date-dash')} + {generateMonthTimelinePart(index, 0, 'date-label')} + {generateMonthTimelinePart(index, -1, 'date-dash')} + {generateMonthTimelinePart(index, -2, 'date-dash')} + {generateMonthTimelinePart(index, -3, 'date-dash')} </div> <div className="day-letter">{day.letter}</div> <div className="day-date">{day.date}</div> @@ -139,9 +149,9 @@ const FollowChallengeTimeline: React.FC<FollowChallengeTimelineViewProps> = ({ return getListOfDays().map((day, index) => ( <div key={index} className="day-solo"> <div className="day-line-label"> - {generateTimelinePart(index, 0, 'date-dash')} - {generateTimelinePart(index, 0, 'date-label')} - {generateTimelinePart(index + 1, 0, 'date-dash')} + {generateWeekTimelinePart(index, 'date-dash')} + {generateWeekTimelinePart(index, 'date-label')} + {generateWeekTimelinePart(index + 1, 'date-dash')} </div> <div className="day-letter">{day.letter}</div> <div className="day-date">{day.date}</div> diff --git a/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx b/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx index 635e1591259a1bee46c838e8952c4e887d34223a..7bb2d7635f8f701a83d88551d90e4324b5542cdd 100644 --- a/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx +++ b/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx @@ -60,7 +60,7 @@ const EcogestureModal: React.FC<EcogestureModalProps> = ({ <div className="em-content-box-text-header"> {(ecogesture.unlocked || unlockedEcogesture) && ecogestureIcon && ( <div> - <Icon className="icon" icon={ecogestureIcon} size={100} /> + <Icon className="icon" icon={ecogestureIcon} size={140} /> </div> )} <div className="em-title text-24-bold ">