feat (ux): Comments on #19 implementation

Author: Hernan Rojek Moriceau

src/applications/qa/index.js

@@ -125,6 +125,7 @@ function QuestionAnswering({ application, showSettings }) {
   const readers = useSelector((state) => state.readers);
   const dispatch = useDispatch();
 
+  // Reference for search input
   const searchRef = useRef(null);
 
   return (
@@ -154,6 +155,7 @@ function QuestionAnswering({ application, showSettings }) {
                 dispatch
               );
 
+              // Sets the focus on search input, accessing it through its reference
               searchRef.current.focus();
             }}
           >

src/applications/reading/index.js

@@ -117,6 +117,7 @@ function Reading({ application, showSettings }) {
   const readers = useSelector((state) => state.readers);
   const dispatch = useDispatch();
 
+  // Reference for question input
   const questionRef = useRef(null);
 
   return (
@@ -157,6 +158,7 @@ function Reading({ application, showSettings }) {
                   dispatch
                 );
 
+                // Sets the focus on question input, accessing it through its reference
                 questionRef.current.focus();
               }}
             >

src/applications/retrieval/index.js

@@ -103,6 +103,7 @@ function Retrieval({ application, showSettings }) {
   const retrievers = useSelector((state) => state.retrievers);
   const dispatch = useDispatch();
 
+  // Reference for search input
   const searchRef = useRef(null);
 
   return (
@@ -131,6 +132,7 @@ function Retrieval({ application, showSettings }) {
                 dispatch
               );
 
+              // Sets the focus on search input, accessing it through its reference
               searchRef.current.focus();
             }}
           >