fix(soffit-pwa): set name on radio-group

Alwatr · Feb 6, 2023 · fd90c4d · fd90c4d
1 parent 9dfb6f4
commit fd90c4d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/uniquely/soffit-pwa/src/lottery-form.ts b/uniquely/soffit-pwa/src/lottery-form.ts
@@ -27,8 +27,6 @@ export class AlwatrLotteryForm extends LocalizeMixin(AlwatrSmartElement) {
 
   get _radioGroupOptions(): RadioGroupOptions {
     return {
-      name: 'activity',
-      form: (this.constructor as typeof AlwatrLotteryForm).formId,
       title: message('activity_type'),
       radioGroup: [
         {label: message('tile_player')},
@@ -136,7 +134,8 @@ export class AlwatrLotteryForm extends LocalizeMixin(AlwatrSmartElement) {
         placeholder=${message('phone_number')}
       ></alwatr-text-field>
       <alwatr-radio-group
-        .name=${this._radioGroupOptions.name}
+        name="activity"
+        .form="${AlwatrLotteryForm.formId}"
         .options=${this._radioGroupOptions}
       ></alwatr-radio-group>
       <div class="button-container">

diff --git a/uniquely/soffit-pwa/src/tech-dep/radio-group.ts b/uniquely/soffit-pwa/src/tech-dep/radio-group.ts
@@ -9,8 +9,6 @@ declare global {
 export type RadioOption = {label: string; value?: string}
 
 export type RadioGroupOptions = {
-  form: string;
-  name: string;
   title: string;
   radioGroup: Array<RadioOption>;
 };
@@ -75,8 +73,10 @@ export class AlwatrFieldSet extends AlwatrDummyElement {
   @property({type: Object})
     options?: RadioGroupOptions;
 
+  name = this.getAttribute('name') ?? 'unknown';
+
   @property({type: String})
-    name?: string;
+    form?: string;
 
   get value(): string {
     for (const inputElement of this.renderRoot.querySelectorAll('input')) {