diff --git a/src/shared/Fieldset.tsx b/src/shared/Fieldset.tsx index 00e1cf163..56d01967d 100644 --- a/src/shared/Fieldset.tsx +++ b/src/shared/Fieldset.tsx @@ -98,6 +98,7 @@ export const Fieldset = memo( const errorDescId = `${id}-desc-error`; const successDescId = `${id}-desc-valid`; + const infoDescId = `${id}-desc-info`; const messagesWrapperId = `${id}-messages`; const radioName = (function useClosure() { @@ -148,6 +149,17 @@ export const Fieldset = memo( return renderOption({ option: options[0], i: undefined }); } + const messageId = (() => { + switch (state) { + case "error": + return errorDescId; + case "success": + return successDescId; + case "info": + return infoDescId; + } + })(); + return (