\n {this.state.journalSaveBtn}\n \n );\n }\n return result;\n }\n\n renderNotifyBadge(item) {\n let result = \"\";\n if (\n !DataHelper.isEmpty(item.completedOn) &&\n item.updatedOn > item.completedOn\n ) {\n result = (\n updated\n );\n } else if (\n !DataHelper.isEmpty(this.state.activeDay.completedOn) &&\n DataHelper.isEmpty(item.completedOn)\n ) {\n result = new;\n }\n return result;\n }\n\n renderDayNumber() {\n return this.state.activeDay === null ? (\n \"\"\n ) : (\n \n
\n
\n
\n
\n Day {this.state.activeDay.dayNumber}\n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
This day is not yet available. Come back later!
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n The updated or new indicator that appears at the right of an\n activity means that this activity was updated or added to\n the program after you completed this day. It is not\n preventing you from moving forward to the next day, and you\n can complete it whenever you feel like it. The notification\n will disappear once you check it as completed.\n
\n
\n
\n
\n
\n
\n
\n
\n
\n Congratulations on completing today's activities!\n
\n
How do you feel now?
\n
\n
{tomorrow}
\n
\n
\n
\n
\n
\n
\n
\n
\n Daily Journal\n
\n \n \n
\n
\n
\n
\n
\n
\n
\n Feedback\n
\n
\n We would love to hear about your experience with this program! If you wouldn’t mind taking a few moments to answer some questions for us, we would be grateful.\n
\n
\n If you had an awesome experience we might invite you to do a video chat with us for the blog!\n
\n
\n \n Show me the feedback form\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n Restart Lighten Up\n
\n
\n If you want to start Lighten Up over from the beginning, this is where you can do it!\n
\n
\n When you are ready, click on the button below. A popup window will open, and it will take you through the restart process.\n
\n
\n Restart my program\n \n \n
\n
\n
Step 1 - Download any documents you want to have with you
\n Once you restart your Lighten Up program, all days in your classroom\n will be locked again and we will bring you back to day 1.
\n If there are documents that you haven't downloaded already, and that\n you would like to have with you right from the start, close this\n window, go back to the days you want and get those documents.
\n\n \n \n Wait! There's a document I want!\n \n this.goToRestartStep(2)}\n >\n I got everything I need, let's go!\n \n
\n \n );\n if (this.state.restartStep === 2) {\n result = (\n <>\n Step 2 - Download your daily journal
\n Once you restart your Lighten Up program, all data will be reset,\n including what you wrote in your daily journal area. We don't keep\n any backup copy of this data and it will not be possible to get it\n after you restart.
\n If you want to save a copy of your daily journal, make sure you\n have downloaded your daily journal PDF before going forward. To do\n so, close this window and click on the button \"Download PDF\" in the\n section \"Download Daily Journal\" above.
\n\n \n \n Wait! I want my journal!\n \n this.goToRestartStep(3)}\n >\n I got my journal, all good, keep going!\n \n
\n \n );\n } else if (this.state.restartStep === 3) {\n result = (\n <>\n Step 3 - Do it!
\n Are you ready to start Lighten Up over, enjoy the experience once\n more and feel all the feels?
\n\n \n \n I want to wait a little more\n \n \n I am ready to restart Lighten Up!\n \n
\n \n );\n }\n return result;\n }\n\n render() {\n const currentDayNumber = DataHelper.isEmpty(this.props.currentDay)\n ? 1\n : this.props.currentDay.dayNumber;\n\n return (\n <>\n \n \n
\n
\n {this.renderDayNumber()}\n {this.renderDayIntro()}\n {this.renderDayActivities()}\n {this.renderChecklist()}\n {this.renderNotificationMessage()}\n {this.renderMoodSelector()}\n {this.renderDailyJournal()}\n {this.renderDownloadDailyJournal()}\n {this.renderSurvey()}\n {this.renderRestartLightenUp()}\n
\n
\n
\n
\n
\n
Restart Lighten Up
\n \n ×\n \n \n
\n {this.renderRestartStep()}\n
\n
\n
\n
\n
\n
\n
\n \n \n \n
\n \n \n \n
\n
\n
\n
\n \n \n \n
\n \n \n \n
\n
\n
\n {props.faqCategory.name}\n
\n \n
\n - \n \n {props.section}\n \n \n \n Dashboard\n \n {renderKPMenu(props.contact)}\n {renderLUMenu(props.contact, props.currentDayNumber)}\n {renderLOMenu(props.contact)}\n \n
\n
\n : null;\n const accountDropdown = props.contact.hasOwnProperty(\"id\")\n ? \n \n \n \n \n {signoutMenu}\n \n \n : null;\n return (\n <>\n ![\"\"](\"https://assets.cleanfooddirtygirl.com/logos/cfdg-logo.png\"){kind=logo}
\n \n ![\"\"](\"https://assets.cleanfooddirtygirl.com/static/kp-dashboard-card.jpg\")
\n ![\"\"](\"https://assets.cleanfooddirtygirl.com/static/lo-dashboard-card.png\")
\n