okay time to split

Jigsaw-Code · Aug 15, 2024 · 860ac82 · 860ac82
1 parent d921626
commit 860ac82
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/client/src/www/views/language_view/index.ts b/client/src/www/views/language_view/index.ts
@@ -24,7 +24,7 @@ import '@material/web/icon/icon.js';
 @customElement('language-view')
 export class LanguageView extends LitElement {
   @property({type: Array}) languages!: {id: string; name: string}[];
-  @property({type: String}) selectedLanguageID!: string;
+  @property({type: String, attribute: 'selected-language-id'}) selectedLanguageID!: string;
 
   static styles = css`
     :host {
@@ -64,13 +64,11 @@ export class LanguageView extends LitElement {
   }
 
   private handleLanguageSelection({target}: Event) {
-    const languageCode = (target as HTMLInputElement)?.value || '';
-
     this.dispatchEvent(
       new CustomEvent('SetLanguageRequested', {
         bubbles: true,
         composed: true,
-        detail: {languageCode},
+        detail: {languageCode: (target as HTMLInputElement).value},
       })
     );
   }

diff --git a/client/src/www/views/language_view/stories.ts b/client/src/www/views/language_view/stories.ts
@@ -20,17 +20,17 @@ export default {
   title: 'Client/Language View',
   component: 'contact-view',
   args: {
-    selectedLanguage: 'en',
+    selectedLanguageID: 'en',
     languages: [
       {id: 'en', name: 'English'},
       {id: 'es', name: 'Español'},
     ],
   },
 };
 
-export const Example = ({selectedLanguage, languages}: LanguageView) => html`
+export const Example = ({selectedLanguageID, languages}: LanguageView) => html`
   <language-view
-    selectedLanguage=${selectedLanguage}
+    selected-language-id=${selectedLanguageID}
     .languages=${languages}
   ></language-view>
 `;