Fix moon phase translation key

Author: trvrnrth

src/utils/HelperFunctions.ts

@@ -29,7 +29,7 @@ export class HelperFunctions {
       return nothing
     }
 
-    let moon_phase_localized: unknown = i18n.localize(`component.entity.sensor.phase.state.${phase.state}`)
+    let moon_phase_localized: unknown = i18n.localize(`component.moon.entity.sensor.phase.state.${phase.state}`)
     if (!moon_phase_localized) {
       moon_phase_localized = html`<span title="Install Moon integration to get localized Moon phase name">${phase.state} (!)</span>`
     }

tests/unit/components/horizonCard/HorizonCardFooter.spec.ts

@@ -1,6 +1,7 @@
 import { NumberFormat, TimeFormat } from 'custom-card-helpers'
 
 import { HorizonCardFooter } from '../../../../src/components/horizonCard'
+import { Constants } from '../../../../src/constants'
 import { IHorizonCardConfig, THorizonCardData } from '../../../../src/types'
 import { I18N } from '../../../../src/utils/I18N'
 import { TemplateResultTestHelper } from '../../../helpers/TestHelpers'
@@ -61,7 +62,7 @@ describe('HorizonCardFooter', () => {
     if (field.startsWith('moon_')) {
       const name = field.substring('moon_'.length)
       if (name === 'phase') {
-        data.moonData[name] = 'full_moon'
+        data.moonData[name] = Constants.MOON_PHASES.fullMoon
         data.moonData['phaseRotation'] = 0
       } else {
         data.moonData[name] = 0

tests/unit/components/horizonCard/__snapshots__/HorizonCardFooter.spec.ts.snap

@@ -192,11 +192,11 @@ exports[`HorizonCardFooter render should render the moon_phase field when it is
       <div class="horizon-card-field-moon-phase"
            style="transform: rotate(0deg)"
       >
-        <ha-icon icon="mdi:">
+        <ha-icon icon="mdi:moon-full">
         </ha-icon>
       </div>
       <div class="horizon-card-field-value horizon-card-field-value-moon-phase">
-        component.sensor.state.moon__phase.undefined
+        component.moon.entity.sensor.phase.state.full_moon
       </div>
     </div>
   </div>

tests/unit/utils/__snapshots__/HelperFunctions.spec.ts.snap

@@ -25,7 +25,7 @@ exports[`HelperFunctions renderFieldElement returns a field element template whe
     </ha-icon>
   </div>
   <div class="horizon-card-field-value horizon-card-field-value-moon-phase">
-    component.sensor.state.moon__phase.full_moon
+    component.moon.entity.sensor.phase.state.full_moon
   </div>
 </div>
 `;