@hedia/recommendation-screen 2.1.15 → 2.1.16

package/coverage/lcov-report/src/RecommendationScreen.tsx.html

@@ -535,7 +535,338 @@
 <a name='L476'></a><a href='#L476'>476</a>
 <a name='L477'></a><a href='#L477'>477</a>
 <a name='L478'></a><a href='#L478'>478</a>
-<a name='L479'></a><a href='#L479'>479</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L479'></a><a href='#L479'>479</a>
+<a name='L480'></a><a href='#L480'>480</a>
+<a name='L481'></a><a href='#L481'>481</a>
+<a name='L482'></a><a href='#L482'>482</a>
+<a name='L483'></a><a href='#L483'>483</a>
+<a name='L484'></a><a href='#L484'>484</a>
+<a name='L485'></a><a href='#L485'>485</a>
+<a name='L486'></a><a href='#L486'>486</a>
+<a name='L487'></a><a href='#L487'>487</a>
+<a name='L488'></a><a href='#L488'>488</a>
+<a name='L489'></a><a href='#L489'>489</a>
+<a name='L490'></a><a href='#L490'>490</a>
+<a name='L491'></a><a href='#L491'>491</a>
+<a name='L492'></a><a href='#L492'>492</a>
+<a name='L493'></a><a href='#L493'>493</a>
+<a name='L494'></a><a href='#L494'>494</a>
+<a name='L495'></a><a href='#L495'>495</a>
+<a name='L496'></a><a href='#L496'>496</a>
+<a name='L497'></a><a href='#L497'>497</a>
+<a name='L498'></a><a href='#L498'>498</a>
+<a name='L499'></a><a href='#L499'>499</a>
+<a name='L500'></a><a href='#L500'>500</a>
+<a name='L501'></a><a href='#L501'>501</a>
+<a name='L502'></a><a href='#L502'>502</a>
+<a name='L503'></a><a href='#L503'>503</a>
+<a name='L504'></a><a href='#L504'>504</a>
+<a name='L505'></a><a href='#L505'>505</a>
+<a name='L506'></a><a href='#L506'>506</a>
+<a name='L507'></a><a href='#L507'>507</a>
+<a name='L508'></a><a href='#L508'>508</a>
+<a name='L509'></a><a href='#L509'>509</a>
+<a name='L510'></a><a href='#L510'>510</a>
+<a name='L511'></a><a href='#L511'>511</a>
+<a name='L512'></a><a href='#L512'>512</a>
+<a name='L513'></a><a href='#L513'>513</a>
+<a name='L514'></a><a href='#L514'>514</a>
+<a name='L515'></a><a href='#L515'>515</a>
+<a name='L516'></a><a href='#L516'>516</a>
+<a name='L517'></a><a href='#L517'>517</a>
+<a name='L518'></a><a href='#L518'>518</a>
+<a name='L519'></a><a href='#L519'>519</a>
+<a name='L520'></a><a href='#L520'>520</a>
+<a name='L521'></a><a href='#L521'>521</a>
+<a name='L522'></a><a href='#L522'>522</a>
+<a name='L523'></a><a href='#L523'>523</a>
+<a name='L524'></a><a href='#L524'>524</a>
+<a name='L525'></a><a href='#L525'>525</a>
+<a name='L526'></a><a href='#L526'>526</a>
+<a name='L527'></a><a href='#L527'>527</a>
+<a name='L528'></a><a href='#L528'>528</a>
+<a name='L529'></a><a href='#L529'>529</a>
+<a name='L530'></a><a href='#L530'>530</a>
+<a name='L531'></a><a href='#L531'>531</a>
+<a name='L532'></a><a href='#L532'>532</a>
+<a name='L533'></a><a href='#L533'>533</a>
+<a name='L534'></a><a href='#L534'>534</a>
+<a name='L535'></a><a href='#L535'>535</a>
+<a name='L536'></a><a href='#L536'>536</a>
+<a name='L537'></a><a href='#L537'>537</a>
+<a name='L538'></a><a href='#L538'>538</a>
+<a name='L539'></a><a href='#L539'>539</a>
+<a name='L540'></a><a href='#L540'>540</a>
+<a name='L541'></a><a href='#L541'>541</a>
+<a name='L542'></a><a href='#L542'>542</a>
+<a name='L543'></a><a href='#L543'>543</a>
+<a name='L544'></a><a href='#L544'>544</a>
+<a name='L545'></a><a href='#L545'>545</a>
+<a name='L546'></a><a href='#L546'>546</a>
+<a name='L547'></a><a href='#L547'>547</a>
+<a name='L548'></a><a href='#L548'>548</a>
+<a name='L549'></a><a href='#L549'>549</a>
+<a name='L550'></a><a href='#L550'>550</a>
+<a name='L551'></a><a href='#L551'>551</a>
+<a name='L552'></a><a href='#L552'>552</a>
+<a name='L553'></a><a href='#L553'>553</a>
+<a name='L554'></a><a href='#L554'>554</a>
+<a name='L555'></a><a href='#L555'>555</a>
+<a name='L556'></a><a href='#L556'>556</a>
+<a name='L557'></a><a href='#L557'>557</a>
+<a name='L558'></a><a href='#L558'>558</a>
+<a name='L559'></a><a href='#L559'>559</a>
+<a name='L560'></a><a href='#L560'>560</a>
+<a name='L561'></a><a href='#L561'>561</a>
+<a name='L562'></a><a href='#L562'>562</a>
+<a name='L563'></a><a href='#L563'>563</a>
+<a name='L564'></a><a href='#L564'>564</a>
+<a name='L565'></a><a href='#L565'>565</a>
+<a name='L566'></a><a href='#L566'>566</a>
+<a name='L567'></a><a href='#L567'>567</a>
+<a name='L568'></a><a href='#L568'>568</a>
+<a name='L569'></a><a href='#L569'>569</a>
+<a name='L570'></a><a href='#L570'>570</a>
+<a name='L571'></a><a href='#L571'>571</a>
+<a name='L572'></a><a href='#L572'>572</a>
+<a name='L573'></a><a href='#L573'>573</a>
+<a name='L574'></a><a href='#L574'>574</a>
+<a name='L575'></a><a href='#L575'>575</a>
+<a name='L576'></a><a href='#L576'>576</a>
+<a name='L577'></a><a href='#L577'>577</a>
+<a name='L578'></a><a href='#L578'>578</a>
+<a name='L579'></a><a href='#L579'>579</a>
+<a name='L580'></a><a href='#L580'>580</a>
+<a name='L581'></a><a href='#L581'>581</a>
+<a name='L582'></a><a href='#L582'>582</a>
+<a name='L583'></a><a href='#L583'>583</a>
+<a name='L584'></a><a href='#L584'>584</a>
+<a name='L585'></a><a href='#L585'>585</a>
+<a name='L586'></a><a href='#L586'>586</a>
+<a name='L587'></a><a href='#L587'>587</a>
+<a name='L588'></a><a href='#L588'>588</a>
+<a name='L589'></a><a href='#L589'>589</a>
+<a name='L590'></a><a href='#L590'>590</a>
+<a name='L591'></a><a href='#L591'>591</a>
+<a name='L592'></a><a href='#L592'>592</a>
+<a name='L593'></a><a href='#L593'>593</a>
+<a name='L594'></a><a href='#L594'>594</a>
+<a name='L595'></a><a href='#L595'>595</a>
+<a name='L596'></a><a href='#L596'>596</a>
+<a name='L597'></a><a href='#L597'>597</a>
+<a name='L598'></a><a href='#L598'>598</a>
+<a name='L599'></a><a href='#L599'>599</a>
+<a name='L600'></a><a href='#L600'>600</a>
+<a name='L601'></a><a href='#L601'>601</a>
+<a name='L602'></a><a href='#L602'>602</a>
+<a name='L603'></a><a href='#L603'>603</a>
+<a name='L604'></a><a href='#L604'>604</a>
+<a name='L605'></a><a href='#L605'>605</a>
+<a name='L606'></a><a href='#L606'>606</a>
+<a name='L607'></a><a href='#L607'>607</a>
+<a name='L608'></a><a href='#L608'>608</a>
+<a name='L609'></a><a href='#L609'>609</a>
+<a name='L610'></a><a href='#L610'>610</a>
+<a name='L611'></a><a href='#L611'>611</a>
+<a name='L612'></a><a href='#L612'>612</a>
+<a name='L613'></a><a href='#L613'>613</a>
+<a name='L614'></a><a href='#L614'>614</a>
+<a name='L615'></a><a href='#L615'>615</a>
+<a name='L616'></a><a href='#L616'>616</a>
+<a name='L617'></a><a href='#L617'>617</a>
+<a name='L618'></a><a href='#L618'>618</a>
+<a name='L619'></a><a href='#L619'>619</a>
+<a name='L620'></a><a href='#L620'>620</a>
+<a name='L621'></a><a href='#L621'>621</a>
+<a name='L622'></a><a href='#L622'>622</a>
+<a name='L623'></a><a href='#L623'>623</a>
+<a name='L624'></a><a href='#L624'>624</a>
+<a name='L625'></a><a href='#L625'>625</a>
+<a name='L626'></a><a href='#L626'>626</a>
+<a name='L627'></a><a href='#L627'>627</a>
+<a name='L628'></a><a href='#L628'>628</a>
+<a name='L629'></a><a href='#L629'>629</a>
+<a name='L630'></a><a href='#L630'>630</a>
+<a name='L631'></a><a href='#L631'>631</a>
+<a name='L632'></a><a href='#L632'>632</a>
+<a name='L633'></a><a href='#L633'>633</a>
+<a name='L634'></a><a href='#L634'>634</a>
+<a name='L635'></a><a href='#L635'>635</a>
+<a name='L636'></a><a href='#L636'>636</a>
+<a name='L637'></a><a href='#L637'>637</a>
+<a name='L638'></a><a href='#L638'>638</a>
+<a name='L639'></a><a href='#L639'>639</a>
+<a name='L640'></a><a href='#L640'>640</a>
+<a name='L641'></a><a href='#L641'>641</a>
+<a name='L642'></a><a href='#L642'>642</a>
+<a name='L643'></a><a href='#L643'>643</a>
+<a name='L644'></a><a href='#L644'>644</a>
+<a name='L645'></a><a href='#L645'>645</a>
+<a name='L646'></a><a href='#L646'>646</a>
+<a name='L647'></a><a href='#L647'>647</a>
+<a name='L648'></a><a href='#L648'>648</a>
+<a name='L649'></a><a href='#L649'>649</a>
+<a name='L650'></a><a href='#L650'>650</a>
+<a name='L651'></a><a href='#L651'>651</a>
+<a name='L652'></a><a href='#L652'>652</a>
+<a name='L653'></a><a href='#L653'>653</a>
+<a name='L654'></a><a href='#L654'>654</a>
+<a name='L655'></a><a href='#L655'>655</a>
+<a name='L656'></a><a href='#L656'>656</a>
+<a name='L657'></a><a href='#L657'>657</a>
+<a name='L658'></a><a href='#L658'>658</a>
+<a name='L659'></a><a href='#L659'>659</a>
+<a name='L660'></a><a href='#L660'>660</a>
+<a name='L661'></a><a href='#L661'>661</a>
+<a name='L662'></a><a href='#L662'>662</a>
+<a name='L663'></a><a href='#L663'>663</a>
+<a name='L664'></a><a href='#L664'>664</a>
+<a name='L665'></a><a href='#L665'>665</a>
+<a name='L666'></a><a href='#L666'>666</a>
+<a name='L667'></a><a href='#L667'>667</a>
+<a name='L668'></a><a href='#L668'>668</a>
+<a name='L669'></a><a href='#L669'>669</a>
+<a name='L670'></a><a href='#L670'>670</a>
+<a name='L671'></a><a href='#L671'>671</a>
+<a name='L672'></a><a href='#L672'>672</a>
+<a name='L673'></a><a href='#L673'>673</a>
+<a name='L674'></a><a href='#L674'>674</a>
+<a name='L675'></a><a href='#L675'>675</a>
+<a name='L676'></a><a href='#L676'>676</a>
+<a name='L677'></a><a href='#L677'>677</a>
+<a name='L678'></a><a href='#L678'>678</a>
+<a name='L679'></a><a href='#L679'>679</a>
+<a name='L680'></a><a href='#L680'>680</a>
+<a name='L681'></a><a href='#L681'>681</a>
+<a name='L682'></a><a href='#L682'>682</a>
+<a name='L683'></a><a href='#L683'>683</a>
+<a name='L684'></a><a href='#L684'>684</a>
+<a name='L685'></a><a href='#L685'>685</a>
+<a name='L686'></a><a href='#L686'>686</a>
+<a name='L687'></a><a href='#L687'>687</a>
+<a name='L688'></a><a href='#L688'>688</a>
+<a name='L689'></a><a href='#L689'>689</a>
+<a name='L690'></a><a href='#L690'>690</a>
+<a name='L691'></a><a href='#L691'>691</a>
+<a name='L692'></a><a href='#L692'>692</a>
+<a name='L693'></a><a href='#L693'>693</a>
+<a name='L694'></a><a href='#L694'>694</a>
+<a name='L695'></a><a href='#L695'>695</a>
+<a name='L696'></a><a href='#L696'>696</a>
+<a name='L697'></a><a href='#L697'>697</a>
+<a name='L698'></a><a href='#L698'>698</a>
+<a name='L699'></a><a href='#L699'>699</a>
+<a name='L700'></a><a href='#L700'>700</a>
+<a name='L701'></a><a href='#L701'>701</a>
+<a name='L702'></a><a href='#L702'>702</a>
+<a name='L703'></a><a href='#L703'>703</a>
+<a name='L704'></a><a href='#L704'>704</a>
+<a name='L705'></a><a href='#L705'>705</a>
+<a name='L706'></a><a href='#L706'>706</a>
+<a name='L707'></a><a href='#L707'>707</a>
+<a name='L708'></a><a href='#L708'>708</a>
+<a name='L709'></a><a href='#L709'>709</a>
+<a name='L710'></a><a href='#L710'>710</a>
+<a name='L711'></a><a href='#L711'>711</a>
+<a name='L712'></a><a href='#L712'>712</a>
+<a name='L713'></a><a href='#L713'>713</a>
+<a name='L714'></a><a href='#L714'>714</a>
+<a name='L715'></a><a href='#L715'>715</a>
+<a name='L716'></a><a href='#L716'>716</a>
+<a name='L717'></a><a href='#L717'>717</a>
+<a name='L718'></a><a href='#L718'>718</a>
+<a name='L719'></a><a href='#L719'>719</a>
+<a name='L720'></a><a href='#L720'>720</a>
+<a name='L721'></a><a href='#L721'>721</a>
+<a name='L722'></a><a href='#L722'>722</a>
+<a name='L723'></a><a href='#L723'>723</a>
+<a name='L724'></a><a href='#L724'>724</a>
+<a name='L725'></a><a href='#L725'>725</a>
+<a name='L726'></a><a href='#L726'>726</a>
+<a name='L727'></a><a href='#L727'>727</a>
+<a name='L728'></a><a href='#L728'>728</a>
+<a name='L729'></a><a href='#L729'>729</a>
+<a name='L730'></a><a href='#L730'>730</a>
+<a name='L731'></a><a href='#L731'>731</a>
+<a name='L732'></a><a href='#L732'>732</a>
+<a name='L733'></a><a href='#L733'>733</a>
+<a name='L734'></a><a href='#L734'>734</a>
+<a name='L735'></a><a href='#L735'>735</a>
+<a name='L736'></a><a href='#L736'>736</a>
+<a name='L737'></a><a href='#L737'>737</a>
+<a name='L738'></a><a href='#L738'>738</a>
+<a name='L739'></a><a href='#L739'>739</a>
+<a name='L740'></a><a href='#L740'>740</a>
+<a name='L741'></a><a href='#L741'>741</a>
+<a name='L742'></a><a href='#L742'>742</a>
+<a name='L743'></a><a href='#L743'>743</a>
+<a name='L744'></a><a href='#L744'>744</a>
+<a name='L745'></a><a href='#L745'>745</a>
+<a name='L746'></a><a href='#L746'>746</a>
+<a name='L747'></a><a href='#L747'>747</a>
+<a name='L748'></a><a href='#L748'>748</a>
+<a name='L749'></a><a href='#L749'>749</a>
+<a name='L750'></a><a href='#L750'>750</a>
+<a name='L751'></a><a href='#L751'>751</a>
+<a name='L752'></a><a href='#L752'>752</a>
+<a name='L753'></a><a href='#L753'>753</a>
+<a name='L754'></a><a href='#L754'>754</a>
+<a name='L755'></a><a href='#L755'>755</a>
+<a name='L756'></a><a href='#L756'>756</a>
+<a name='L757'></a><a href='#L757'>757</a>
+<a name='L758'></a><a href='#L758'>758</a>
+<a name='L759'></a><a href='#L759'>759</a>
+<a name='L760'></a><a href='#L760'>760</a>
+<a name='L761'></a><a href='#L761'>761</a>
+<a name='L762'></a><a href='#L762'>762</a>
+<a name='L763'></a><a href='#L763'>763</a>
+<a name='L764'></a><a href='#L764'>764</a>
+<a name='L765'></a><a href='#L765'>765</a>
+<a name='L766'></a><a href='#L766'>766</a>
+<a name='L767'></a><a href='#L767'>767</a>
+<a name='L768'></a><a href='#L768'>768</a>
+<a name='L769'></a><a href='#L769'>769</a>
+<a name='L770'></a><a href='#L770'>770</a>
+<a name='L771'></a><a href='#L771'>771</a>
+<a name='L772'></a><a href='#L772'>772</a>
+<a name='L773'></a><a href='#L773'>773</a>
+<a name='L774'></a><a href='#L774'>774</a>
+<a name='L775'></a><a href='#L775'>775</a>
+<a name='L776'></a><a href='#L776'>776</a>
+<a name='L777'></a><a href='#L777'>777</a>
+<a name='L778'></a><a href='#L778'>778</a>
+<a name='L779'></a><a href='#L779'>779</a>
+<a name='L780'></a><a href='#L780'>780</a>
+<a name='L781'></a><a href='#L781'>781</a>
+<a name='L782'></a><a href='#L782'>782</a>
+<a name='L783'></a><a href='#L783'>783</a>
+<a name='L784'></a><a href='#L784'>784</a>
+<a name='L785'></a><a href='#L785'>785</a>
+<a name='L786'></a><a href='#L786'>786</a>
+<a name='L787'></a><a href='#L787'>787</a>
+<a name='L788'></a><a href='#L788'>788</a>
+<a name='L789'></a><a href='#L789'>789</a>
+<a name='L790'></a><a href='#L790'>790</a>
+<a name='L791'></a><a href='#L791'>791</a>
+<a name='L792'></a><a href='#L792'>792</a>
+<a name='L793'></a><a href='#L793'>793</a>
+<a name='L794'></a><a href='#L794'>794</a>
+<a name='L795'></a><a href='#L795'>795</a>
+<a name='L796'></a><a href='#L796'>796</a>
+<a name='L797'></a><a href='#L797'>797</a>
+<a name='L798'></a><a href='#L798'>798</a>
+<a name='L799'></a><a href='#L799'>799</a>
+<a name='L800'></a><a href='#L800'>800</a>
+<a name='L801'></a><a href='#L801'>801</a>
+<a name='L802'></a><a href='#L802'>802</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -628,11 +959,127 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">64x</span>
@@ -676,16 +1123,38 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">62x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
@@ -694,10 +1163,27 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-yes">5x</span>
@@ -709,6 +1195,15 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-yes">4x</span>
@@ -717,26 +1212,71 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-yes">6x</span>
@@ -745,6 +1285,16 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
@@ -752,41 +1302,106 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -803,6 +1418,17 @@
 <span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">180x</span>
 <span class="cline-any cline-yes">180x</span>
@@ -810,6 +1436,16 @@
 <span class="cline-any cline-yes">180x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">62x</span>
 <span class="cline-any cline-yes">62x</span>
@@ -818,6 +1454,15 @@
 <span class="cline-any cline-yes">62x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">64x</span>
 <span class="cline-any cline-yes">132x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -825,6 +1470,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">133x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1026,7 +1672,15 @@ import RecommendedInsulin from "./components/RecommendedInsulin";
 import Remeasure from "./components/Remeasure";
 &nbsp;
 import * as Calculator from "@hedia/recommendation-calculator";
-import { BloodGlucoseUnit, BloodKetonesUnit, Languages, Logbook, Milliseconds, UserSettings } from "@hedia/types";
+import {
+	BloodGlucoseUnit,
+	BloodKetonesUnit,
+	BolusCalculator,
+	Languages,
+	Logbook,
+	Milliseconds,
+	UserSettings,
+} from "@hedia/types";
 import { I18nProvider } from "@lingui/react";
 import Emotion from "./components/mood/Emotion";
 import TransferToLogbook from "./components/TransferToLogbook";
@@ -1040,7 +1694,7 @@ import RecommendationModal from "./components/RecommendationModal";
 import TwoOptionModal, { modalStyle } from "./components/TwoOptionModal";
 import { changeLanguage, i18n } from "./locale/i18nUtils";
 import { Testing } from "./types/enum";
-import { IActivityDisplayProps, IRecommendationParams, logbookEntry } from "./types/types";
+import { IActivityDisplayProps } from "./types/types";
 import { Messages } from "./utils/AttentionMessages";
 import { getAttentionMessage, getBGLevel, getLimitationMessage, getReminder } from "./utils/RecommendationUtils";
 import { Utils } from "./utils/Utils";
@@ -1052,28 +1706,65 @@ const { InfoBarTestIds, RecommendationScreenTestIds } = Testing.Id;
 // https://github.com/facebook/react-native/issues/12981#issuecomment-652745831
 YellowBox.ignoreWarnings([`Setting a timer`]);
 &nbsp;
-interface IResult {
+/** Represents both a suggestion by HDA and an actual amount of either insulin or carbohydrates. */
+export interface IResult {
+	/** The suggested amount (of insulin in units or carbohydrates in grams) */
 	suggested: number;
+	/** The actual amount (of insulin in units or carbohydrates in grams) */
 	entered: number | null;
 }
 &nbsp;
 export interface IRecommendationProps {
-	// Values
+	/** The blood glucose measurement unit that the user prefers. */
 	bloodGlucoseUnit: BloodGlucoseUnit;
+	/** The user’s preferred language. */
 	language: Languages;
+	/** The user’s preferred default reminder time in hours when they enter carbohydrates or an activity. */
 	userReminder: number;
-	calculatorParams: IRecommendationParams;
+	/** The values needed to make an insulin recommendation calculation. */
+	calculatorParams: BolusCalculator.Types.IRecommendationParams;
+	/** Indicates which method the user uses to inject insulin and thus how insulin amounts should be rounded. */
 	injectionMethod: UserSettings.Enums.InjectionMethod;
+	/** The user’s entered current blood ketones value. Null if no blood ketones value was entered. */
 	currentBKL: number | null;
+	/** The blood ketones measurement unit that the user prefers. Null if the user hasn’t selected a preferred blood ketones unit. */
 	bloodKetoneUnit: BloodKetonesUnit | null;
-	latestLogbookFrom6Hours: logbookEntry | null;
+	/** The latest logbook entry (if any) from the last 6 hours. */
+	latestLogbookFrom6Hours: Logbook.Types.ILogbookEntry | null;
+	/** The properties of the entered activity that are not used for making the calculation itself, but will be used on the recommendation screen. */
 	activityDisplayProps: IActivityDisplayProps | null;
 &nbsp;
-	// Callbacks
+	/**
+	 * Callback function taking a single boolean argument and returning nothing.
+	 * To be called when the user decides on a presented carbohydrate recommendation.
+	 * @param carbRecommendationAnswer Whether the user chose to accept (true) or reject (false) the carbohydrate recommendation.
+	 */
 	carbRecommendationAnswer(carbRecommendationAnswer: boolean): void;
+	/**
+	 * Callback function without arguments or return values.
+	 * To be called if the user decides to exit the recommendation screen without transferring any of the data to the logbook.
+	 * The unsaved logbook data shall be cleared.
+	 */
 	closeCalculationCallback(): void;
+	/**
+	 *  Callback function without arguments or return values.
+	 * To be called if the user closes the recommendation screen by tapping the cancel button in the header.
+	 */
 	exitCallback(): void;
+	/**
+	 * Callback function without arguments or return values.
+	 * To be called if the user taps “Yes” when asked if they have taken insulin recently.
+	 * Should allow the user to enter when they injected insulin and how much.
+	 */
 	onRecentInsulinYes(): void;
+	/**
+	 * To be called when the “Transfer to Logbook” button is pressed.
+	 * @param carbs The suggested and entered amount of carbohydrates.
+	 * @param insulin The suggested and entered amount of insulin.
+	 * @param reminder The amount of time in hours until the user should get a reminder to measure their BGL again.
+	 * @param recommendationDate The date and time when the recommendation calculation was made.
+	 * @param mood The mood the user has selected
+	 */
 	transferToLogbook(
 		carbs: IResult,
 		insulin: IResult,
@@ -1081,35 +1772,114 @@ export interface IRecommendationProps {
 		recommendationDate: Date,
 		mood: Logbook.Enums.MoodEnum | null,
 	): void;
+	/**
+	 * Callback function taking a single argument of type RecommendationError.
+	 * To be called in case a serious issue with the validity of input data is detected.
+	 * @param error The detected error.
+	 */
 	onError(error: RecommendationError): void;
+	/**
+	 * Callback function taking a single argument of type boolean.
+	 * To be called to hide the bottom navigation bar while displaying modal dialogs.
+	 * @param toggle Showing (true) or hiding (false) the bottom navigation bar on the calculation flow screens.
+	 */
 	showBolusBar(toggle: boolean): void;
+	/**
+	 * Callback function taking no arguments.
+	 * To be called if the user chooses to restart the calculation.
+	 */
 	restartCalculation(): void;
 }
 &nbsp;
 interface IState {
+	/** The time in hours in hours until a reminder notification will be sent to the user. If 0 then no notification will be sent. */
 	remeasureTime: number;
+	/**
+	 * If true then the user will see the insulin input field with their recommendation.
+	 * Otherwise, the user will be presented with a card that asks them whether they have taken bolus insulin within the last 4 hours
+	 */
 	isRecommendationDisplayed: boolean;
+	/** The suggested amount of insulin. */
 	insulinRecommendation: number;
+	/** The fraction by which the recommendation was multiplied to get the reduced amount */
 	activityReduction: number | null;
+	/**  Indicates whether or not the insulin recommendation was limited by the maximum threshold. */
 	wasLimited: boolean;
+	/** The suggested amount of additional carbs. */
 	carbRecommendation: number | null;
+	/** The amount of IOB that was estimated during the recommendation calculation. */
 	activeInsulin: number;
+	/** The mood that is currently selected or null if no mood is selected. */
 	selectedMood: Logbook.Enums.MoodEnum | null;
+	/** The amount of carbs that are being shown in the additional carbs input field. */
 	enteredCarbs: number | null;
+	/** The current insulin value in the insulin recommendation/input field. */
 	enteredInsulin: number | null;
+	/** Indicates whether or not the modal for displaying warnings and other special messages should be visible. */
 	recommendationModal: boolean;
+	/**
+	 * Keeps track of whether or not the exit modal should be displayed.
+	 * The exit modal prompts the user to consider saving the calculation to a logbook entry before closing the recommendation screen.
+	 */
 	showExitModal: boolean;
+	/** Keeps track of whether or not a message about insulin limitation should be displayed. */
 	showLimitationMessage: boolean;
+	/** Keeps track of whether or not a message about the recommendation being too old should be displayed. */
 	showTimeoutModal: boolean;
 }
 &nbsp;
+/**
+ * The RecommendationScreen is the React component that passes relevant inputs to the recommendation calculation module and presents
+ * the resulting recommendation along with related messages or warnings to the user.
+ * The RecommendationScreen component accepts properties with the user’s settings/preferences and other inputs needed for calculating a recommendation.
+ * @noInheritDoc
+ */
 export default class RecommendationScreen extends React.Component&lt;IRecommendationProps, IState&gt; {
+	/** Reference to the timer that prompts the user to make a new calculation after 15 minutes. */
 	private readonly timer!: ReturnType&lt;typeof setTimeout&gt;;
+	/**
+	 * The carbohydrate recommendation for the user.
+	 * This value is saved in a member variable because we want to store it unmodified if the logbook entry
+	 * gets saved regardless of what other changes were made on the recommendation screen.
+	 */
 	private readonly suggestedCarbs!: number;
+	/**
+	 * A guard against displaying wrong or dangerous information to the user.
+	 * If an error has occurred, this variable will be set to true and an empty placeholder will be rendered instead of the normal recommendation screen.
+	 */
 	private readonly hasError: boolean = false;
+	/** The timestamp when the current recommendation was made. For determining if the recommendation is too old and should be hidden from the user. */
 	private readonly recommendationDate!: Date;
+	/**
+	 * A reference to the screens scrollview allowing us to programmatically scroll the screen in the handleNoRecentInsulin() method.
+	 * The member is initiated without a value but will be set as soon as the component is being rendered.
+	 */
 	private scrollView?: ScrollView;
 &nbsp;
+	/**
+	 * Steps:
+	 * 1. Call the super() method with the props.
+	 * 2. Execute the following steps and if an exception is thrown, catch it, set the hasError member variable to true and call the onError callback prop with the caught exception as argument:
+	 * 	- Call the validateParams() method with the props as argument
+	 * 	- Set the recommendationDate member to the current date and time
+	 * 	- Set the language by using the language prop as argument for calling changeLanguage()
+	 * 	- Unpack recentBoluses from the calculatorParams prop.
+	 * 	- Use the calculatorParams prop as argument for calling calculateRecommendation() and unpack all of the resulting values.
+	 * 	- Copy the carbRecommendation to the suggestedCarbs member variable.
+	 * 	- Set the following state variables:
+	 * 		- Set remeasureTime to the return value from calling the getBGLevelRemeasurementReminder() method.
+	 * 		- Set isRecommendationDisplayed to be false if the length of recentBoluses is 0 or false otherwise.
+	 * 		- Set insulinRecommendation to be the bolus insulin recommendation rounded using roundValue().
+	 * 		- Set wasLimited to the wasLimited return value from calling calculateRecommendation() above.
+	 * 		- Set activityReduction to the reduction returned from the calculation result.
+	 * 		- Set carbRecommendation to the recommendation returned from the calculation result.
+	 * 		- Set activeInsulin to the estimation returned from the calculation result.
+	 * 		- Set enteredCarbs, enteredInsulin, selectedMood to null.
+	 * 		- Set recommendationModal to be true if wasLimited is true or if carbRecommendation after being rounded is truthy or if the return value from calling the getBGLevelAttentionMessage() method is truthy.
+	 * 		- Set showExitModal, showLimitationMessage, showTimeoutModal to be false.
+	 * 3. Start a 15 minute timer assigned to the timer member variable using the setTimeout() function. When the timer expires, call the showTimeoutModal() method.
+	 * @param props The data required to initialise the Recommendation Screen
+	 */
 	constructor(props: IRecommendationProps) {
 		super(props);
 		try {
@@ -1153,10 +1923,26 @@ export default class RecommendationScreen extends React.Component&lt;IRecommenda
 		}
 	}
 &nbsp;
+	/**
+	 * Called immediately after a component is mounted. Setting state here will trigger re-rendering.
+	 *
+	 * Steps:
+	 * 1. Create a listener to call the handleAppStateChange() method when the app state changes.
+	 */
 	public componentDidMount(): void {
 		AppState.addEventListener(`change`, this.handleAppStateChange);
 	}
 &nbsp;
+	/**
+	 * Called immediately before a component is destroyed.
+	 * Perform any necessary cleanup in this method, such as cancelled network requests, or cleaning up any DOM elements created in componentDidMount.
+	 *
+	 * Clear the 15 minute timer that was set in the constructor during initialisation so it doesn’t keep running and gets triggered after the recommendation screen was closed.
+	 *
+	 * Steps:
+	 * 1. Call clearTimeout on the timer member variable.
+	 * 2. Remove the listener for app state changes that was set by the componentDidMount() method.
+	 */
 	public componentWillUnmount(): void {
 		if (this.timer !== undefined) {
 			clearTimeout(this.timer);
@@ -1164,6 +1950,12 @@ export default class RecommendationScreen extends React.Component&lt;IRecommenda
 		AppState.removeEventListener(`change`, this.handleAppStateChange);
 	}
 &nbsp;
+	/**
+	 * Steps:
+	 * 1. Evaluate a boolean called isOlderThan15Minutes to indicate whether the recommendationDate member variable represents a time more than 15 minutes ago.
+	 * 2. If nextAppState is ‘active’ and isOlderThan15Minutes is true then call the showTimeoutModal() method.
+	 * @param nextAppState The new state of the app.
+	 */
 	public handleAppStateChange = (nextAppState: AppStateStatus): void =&gt; {
 		const time = this.recommendationDate.getTime();
 		const isOlderThan15Minutes = global.Date.now() - time &gt; Milliseconds.Minute * 15;
@@ -1172,11 +1964,28 @@ export default class RecommendationScreen extends React.Component&lt;IRecommenda
 		}
 	};
 &nbsp;
+	/**
+	 * Steps:
+	 * 1. Set the showTimeoutModal state variable to be true. Use a callback function to call the showBolusBar prop callback function with false as argument when the state has been updated.
+	 * */
 	public showTimeoutModal = (): void =&gt; {
 		this.setState({ showTimeoutModal: true }, (): void =&gt; this.props.showBolusBar(!this.state.showTimeoutModal));
 	};
 &nbsp;
-	public recalculateInsulin = (calculatorParams: IRecommendationParams): void =&gt; {
+	/**
+	 * Make a new insulin calculation and set the result to be displayed to the user.
+	 *
+	 * Steps:
+	 * 1. Use calculatorParams as an argument for calling calculateRecommendation(). Unpack bolus, wasLimited, and activityReduction from the result.
+	 * 2. Set the following state variables:
+	 * 	- Set insulinRecommendation to the bolus rounded using the roundValue() function.
+	 * 	- Set enteredInsulin to be undefined.
+	 * 	- Set wasLimited to be the value returned from the insulin calculator.
+	 * 	- Set activityReduction to be the value returned from the insulin calculator.
+	 * 	- Set showLimitationMessage to be the wasLimited value returned from the insulin calculator.
+	 * @param calculatorParams The input values for the bolus calculator itself.
+	 */
+	public recalculateInsulin = (calculatorParams: BolusCalculator.Types.IRecommendationParams): void =&gt; {
 		const { bolus, wasLimited, activityReduction } = Calculator.calculateRecommendation(calculatorParams);
 		this.setState({
 			insulinRecommendation: Utils.roundValue(bolus, this.props.injectionMethod),
@@ -1187,6 +1996,15 @@ export default class RecommendationScreen extends React.Component&lt;IRecommenda
 		});
 	};
 &nbsp;
+	/**
+	 * Handle presses on the exit button in the header bar.
+	 *
+	 * Steps:
+	 * 1. If the insulin recommendation is being displayed (the isRecommendationDisplayed state variable is true):
+	 *  	- Set the showExitModal state variable to true. When the state has been updated, call the showBolusBar prop callback function with the inverse value of the showExitModal state variable as argument.
+	 * 2. Else:
+	 *  	- Call the exitCallback prop callback function.
+	 */
 	public onExit = (): void =&gt; {
 		if (this.state.isRecommendationDisplayed) {
 			this.setState({ showExitModal: true }, (): void =&gt; this.props.showBolusBar(!this.state.showExitModal));
@@ -1195,26 +2013,71 @@ export default class RecommendationScreen extends React.Component&lt;IRecommenda
 		}
 	};
 &nbsp;
+	/**
+	 * Hide the modal that shows attention messages.
+	 *
+	 * Steps:
+	 * 1. Set the recommendationModal state variable to false.
+	 */
 	public hideAttentionModal = (): void =&gt; {
 		this.setState({ recommendationModal: false });
 	};
 &nbsp;
+	/**
+	 * Hide the modal that shows attention messages.
+	 *
+	 * Steps:
+	 * 1. Set the showLimitationMessage state variable to false.
+	 */
 	public hideLimitationMessage = (): void =&gt; {
 		this.setState({ showLimitationMessage: false });
 	};
 &nbsp;
+	/**
+	 * Hide the exit modal. To be used when the user closes the modal directly or in some way exits the recommendation screen.
+	 *
+	 * Steps:
+	 * 1. Set the showExitModal state variable to false.
+	 *    When the state has been updated, call the showBolusBar prop callback function with the inverse value of the showExitModal state variable as argument.
+	 */
 	public hideExitModal = (): void =&gt; {
 		this.setState({ showExitModal: false }, (): void =&gt; this.props.showBolusBar(!this.state.showExitModal));
 	};
 &nbsp;
+	/**
+	 * Hide the modal that warns the user that their recommendation is old.
+	 *
+	 * Steps:
+	 * 1. Set the showTimeoutModal state variable to false.
+	 * 	  When the state has been updated, call the showBolusBar prop callback function with the inverse value of the showTimeoutModal state variable as argument.
+	 */
 	public hideTimeoutModal = (): void =&gt; {
 		this.setState({ showTimeoutModal: false }, (): void =&gt; this.props.showBolusBar(!this.state.showTimeoutModal));
 	};
 &nbsp;
+	/**
+	 * Used as a callback function for the Remeasure component to update the state when the remeasure time slider’s value changes.
+	 *
+	 * Steps:
+	 * 1. Set the remeasureTime state variable to the value of the remeasureTime argument.
+	 * @param remeasureTime The number of hours for which to wait before reminding the user to measure their BGL again. 0 indicates that the user should not be reminded.
+	 */
 	public updateRemeasureTime = (remeasureTime: number): void =&gt; {
 		this.setState({ remeasureTime });
 	};
 &nbsp;
+	/**
+	 * Handle what happens if the user taps “No” to the question about injecting insulin within the last 4 hours.
+	 * The card that prompts the user to answer if they have injected insulin within the last 4 hours shall be hidden and
+	 * the screen shall automatically be scrolled to the bottom so the user can see the now visible “Transfer to logbook” button.
+	 *
+	 * Steps:
+	 * 1. Set the isRecommendationDisplayed state variable to be true.
+	 * 2. As a callback to the setState() method, define a new anonymous function that calls setTimeout() with a duration of 0 milliseconds.
+	 *    When the time expires, call the scrollToEnd() method of the scrollView member, with the animated argument set to true.
+	 *    This ensures that the scroll event happens after all other events that get queued to happen at the same time,
+	 *    so all relevant elements are visible on the screen and the scroll happens reliably.
+	 */
 	public handleNoRecentInsulin = (): void =&gt; {
 		this.setState({ isRecommendationDisplayed: true }, (): void =&gt; {
 			setTimeout((): void =&gt; {
@@ -1223,6 +2086,16 @@ export default class RecommendationScreen extends React.Component&lt;IRecommenda
 		});
 	};
 &nbsp;
+	/**
+	 * Handle what happens when the user changes the content of the additional carbohydrates input field.
+	 *
+	 * Steps:
+	 * 1. Set the enteredCarbs state variable to the value of the enteredCarbs argument.
+	 * 2. As a callback to the setState() method, define a new anonymous function that calls the recalculateInsulin() function using
+	 *    a copy of the calculatorParams prop where the carbohydrates property has been overwritten to be
+	 *    the sum of the carbohydrates property of the calculatorParams prop and the enteredCarbs argument.
+	 * @param enteredCarbs The amount of carbohydrates in grams that has been entered in the additional carbohydrates input field.
+	 */
 	public updateCarbRecommendation = (enteredCarbs: number): void =&gt; {
 		const providedCarbs = this.props.calculatorParams.carbohydrates;
 		this.setState({ enteredCarbs }, (): void =&gt; {
@@ -1230,41 +2103,106 @@ export default class RecommendationScreen extends React.Component&lt;IRecommenda
 		});
 	};
 &nbsp;
+	/**
+	 * Handle what happens when the cross button by the additional carbohydrates button is tapped.
+	 *
+	 * Steps:
+	 * 1. Set both the enteredCarbs and the carbRecommendation state variables to null.
+	 * 2. As a callback to the setState() method, define a new anonymous function that calls the recalculateInsulin() function using a copy of the calculatorParams prop.
+	 */
 	public removeCarbRecommendation = (): void =&gt; {
 		this.setState({ enteredCarbs: null, carbRecommendation: null }, (): void =&gt;
 			this.recalculateInsulin({ ...this.props.calculatorParams }),
 		);
 	};
 &nbsp;
+	/**
+	 * Handle what happens when the user is recommended to eat additional carbohydrates but taps the decline button.
+	 *
+	 * Steps:
+	 * 1. Call the hideAttentionModal() method.
+	 * 2. Call the removeCarbRecommendation() method.
+	 * 3. Call the carbRecommendationAnswer() prop callback function with false as argument.
+	 */
 	public declineCarbRecommendation = (): void =&gt; {
 		this.hideAttentionModal();
 		this.removeCarbRecommendation();
 		this.props.carbRecommendationAnswer(false);
 	};
 &nbsp;
+	/**
+	 * Handle what happens when the user is recommended to eat additional carbohydrates and they tap the accept button.
+	 *
+	 * Steps:
+	 * 1. Call the hideAttentionModal() method.
+	 * 2. Call the carbRecommendationAnswer() prop callback function with true as argument.
+	 */
 	public acceptCarbRecommendation = (): void =&gt; {
 		this.hideAttentionModal();
 		this.props.carbRecommendationAnswer(true);
 	};
 &nbsp;
+	/**
+	 * Handles what happens when the user hits the “close calculation”-button on the exit modal.
+	 *
+	 * Steps:
+	 * 1. If the showExitModal state variable is true then call the hideExitModal() method. Otherwise, call the hideTimeoutModal() method
+	 * 2. Call the closeCalculationCallback prop callback function.
+	 */
 	public closeCalculation = (): void =&gt; {
 		this.state.showExitModal ? this.hideExitModal() : this.hideTimeoutModal();
 		this.props.closeCalculationCallback();
 	};
 &nbsp;
+	/**
+	 * Close the current recommendation and start a new bolus calculation.
+	 *
+	 * Steps:
+	 * 1. Call the hideTimeoutModal() method.
+	 * 2. Call the restartCalculation prop callback function.
+	 */
 	public restartCalculation = (): void =&gt; {
 		this.hideTimeoutModal();
 		this.props.restartCalculation();
 	};
 &nbsp;
+	/**
+	 * Used as a callback function for the Emotion component to update the state when a mood icon is tapped.
+	 *
+	 * Steps:
+	 * 1. Set the selectedMood state variable to the value of the selectedMood argument.
+	 * @param selectedMood he mood that should be selected going forward or null if no mood should be selected.
+	 */
 	public handleMoodSelected = (selectedMood: IState["selectedMood"]): void =&gt; {
 		this.setState({ selectedMood });
 	};
 &nbsp;
+	/**
+	 * Handle what happens when the user changes the content of the insulin input field.
+	 *
+	 * Steps:
+	 * 1. Set the enteredInsulin state variable to the value of the enteredInsulin argument.
+	 * @param enteredInsulin The amount of insulin (in units) that has been entered in the insulin input field.
+	 */
 	public updateInsulinRecommendation = (enteredInsulin: number): void =&gt; {
 		this.setState({ enteredInsulin });
 	};
 &nbsp;
+	/**
+	 * Handle what happens when the “Transfer to Logbook” button is pressed.
+	 * Namely, the entered data should be saved in a logbook entry and the recommendation screen should be closed.
+	 *
+	 * Steps:
+	 * 1. Unpack the enteredCarbs, enteredInsulin, insulinRecommendation, remeasureTime, and showExitModal state variables
+	 * 2. Create an IResult object called carbs consisting of suggestedCarbs and enteredCarbs.
+	 * 3. Create an IResult object called Insulin consisting of insulinRecommendation and enteredInsulin.
+	 * 4. If showExitModal is true then call the hideExitModal() method. otherwise call the hideTimeoutModal() method.
+	 * 5. Call the transferToLogbook prop callback function with the following arguments:
+	 * 	- Set the carbs argument to the carbs IResult object.
+	 * 	- Set the insulin argument to the insulin IResult object.
+	 * 	- Set the reminder argument to the remeasureTime state variable.
+	 * 	- Set the recommendationDate argument to the recommendationDate member variable.
+	 */
 	public handleTransfer = (): void =&gt; {
 		const {
 			enteredCarbs,
@@ -1281,6 +2219,17 @@ export default class RecommendationScreen extends React.Component&lt;IRecommenda
 		this.props.transferToLogbook(carbs, insulin, remeasureTime, this.recommendationDate, selectedMood);
 	};
 &nbsp;
+	/**
+	 * Get the attention message that should be displayed for the user to draw their attention to noteworthy circumstances regarding their current blood glucose level.
+	 *
+	 * Steps:
+	 * 1. Unpack calculatorParams and latestLogbookFrom6Hours from the props.
+	 * 2. Unpack currentBGL and activity from calculatorparams.
+	 * 3. Get bgLevel, the categorisation of the blood glucose level, by calling the getBGLevel() function with the currentBGL and latestLogbookFrom6Hours as arguments.
+	 * 4. Return the attention message that is returned when calling getAttentionMessage() using bgLevel and activity as arguments.
+	 * @returns A string describing what the user needs to be aware of regarding their current blood glucose level.
+	 * If there is nothing noteworthy, null will be returned instead.
+	 */
 	public getBGLevelAttentionMessage = (): string | null =&gt; {
 		const { calculatorParams, latestLogbookFrom6Hours } = this.props;
 		const { currentBGL, activity } = calculatorParams;
@@ -1288,6 +2237,16 @@ export default class RecommendationScreen extends React.Component&lt;IRecommenda
 		return getAttentionMessage(bgLevel, activity);
 	};
 &nbsp;
+	/**
+	 * Get the initial value for the remeasurement reminder time slider depending on the user’s entered information.
+	 *
+	 * Steps:
+	 * 1. Unpack calculatorParams, userReminder, and latestLogbookFrom6Hours from the props.
+	 * 2. Unpack currentBGL, activity,  and carbohydrates from calculatorParams.
+	 * 3. Get bgLevel, the categorisation of the blood glucose level, by calling the getBGLevel() function with the currentBGL and latestLogbookFrom6Hours as arguments.
+	 * 4. Return the attention message that is returned when calling getReminder() using bgLevel, carbohydrates, userReminder, and activity as arguments.
+	 * @returns The time interval in hours that should be used as the initial value for the remeasurement reminder time slider.
+	 */
 	public getBGLevelRemeasurementReminder = (): number =&gt; {
 		const { calculatorParams, userReminder, latestLogbookFrom6Hours } = this.props;
 		const { currentBGL, activity, carbohydrates } = calculatorParams;
@@ -1296,12 +2255,22 @@ export default class RecommendationScreen extends React.Component&lt;IRecommenda
 		return getReminder(bgLevel, carbohydrates, userReminder, activity);
 	};
 &nbsp;
+	/**
+	 * Get the attention message that should be displayed to the user to let them know that the insulin recommendation that
+	 * is being displayed to them was limited by the maximum insulin threshold.
+	 *
+	 * Steps:
+	 * 1. Unpack the wasLimited and activityReduction state variables.
+	 * 2. Return the result from calling getLimitationMessage() with wasLimited and activityReduction as arguments.
+	 * @returns A message to inform the user how the insulin recommendation was limited. If there is no limitation attention message, null will be returned instead.
+	 */
 	public getLimitationAttentionMessage = (): string | null =&gt; {
 		const { wasLimited, activityReduction } = this.state;
 &nbsp;
 		return getLimitationMessage(wasLimited, activityReduction);
 	};
 &nbsp;
+	/** Render a JSX element for displaying the insulin recommendation screen. */
 	public render(): JSX.Element {
 		if (this.hasError) {
 			return &lt;View style={containerStyles.container} /&gt;;
@@ -1498,7 +2467,7 @@ const containerStyles = StyleSheet.create({
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 09 2021 12:31:53 GMT+0000 (Coordinated Universal Time)
+                at Thu Jul 29 2021 07:55:43 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../prettify.js"></script>