Merge pull request #357 from f-eld-ch/fix/email-receiver-details-hint

fix(ui): adds missing autocomplete for email receiver details
f-eld-ch · Mar 6, 2024 · c60ae37 · c60ae37
2 parents 5a48958 + beca908
commit c60ae37
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/ui/src/views/journal/EditorForms/Elements.tsx b/ui/src/views/journal/EditorForms/Elements.tsx
@@ -125,16 +125,18 @@ const ReceiverDetailInput = (props: { placeholder: string }) => {
     const { state, dispatch } = useEditorContext();
     return (
         <div className="control is-expanded">
-            <input
-                className="input"
-                value={state.receiverDetail}
-                type="text"
-                onChange={(e) => {
-                    e.preventDefault();
-                    dispatch({ type: 'set_media_detail', detail: Object.assign({}, state.media, { type: state.media, receiver: e.target.value }) });
-                }}
-                placeholder={props.placeholder}
-            />
+            <Hint options={state.autocompleteDetails.senderReceiverDetails} allowTabFill={true} allowEnterFill={true} >
+                <input
+                    className="input"
+                    value={state.receiverDetail}
+                    type="text"
+                    onChange={(e) => {
+                        e.preventDefault();
+                        dispatch({ type: 'set_media_detail', detail: Object.assign({}, state.media, { type: state.media, receiver: e.target.value }) });
+                    }}
+                    placeholder={props.placeholder}
+                />
+            </Hint>
         </div>
     )
 }