added feature to get the param from URL example https://localhost:300…

…0?q=H2SO4
TRI-AMDD · Dec 12, 2023 · bd329c8 · bd329c8
1 parent fdb37e1
commit bd329c8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/ui/src/features/input-submission/input-section/input-section.tsx b/ui/src/features/input-submission/input-section/input-section.tsx
@@ -2,6 +2,7 @@ import { TextField, Button, Typography } from '@mui/material';
 import styles from './input-section.module.css';
 import UploadIcon from '@mui/icons-material/Upload';
 import React, { Dispatch, SetStateAction, useEffect, useState } from 'react';
+import { useLocation } from 'react-router-dom';
 
 const PLACEHOLDER_TEXT = 'ex. LiMn2O4';
 const LABEL_TEXT = 'Chemical Composition';
@@ -13,11 +14,13 @@ interface InputSectionProps {
     ) => void;
     handleSubmitClick: (inputText: string) => void;
     handleEnterClick: (event: React.KeyboardEvent<HTMLInputElement>, inputText: string) => void;
-    inputFromUrl : any
 }
 
-const InputSection = ({ handleFileUpload, handleSubmitClick, handleEnterClick, inputFromUrl }: InputSectionProps) => {
-    const [inputText, setInputText] = useState(inputFromUrl);
+const InputSection = ({ handleFileUpload, handleSubmitClick, handleEnterClick }: InputSectionProps) => {
+    const location = useLocation();
+    const param = new URLSearchParams(location.search);
+    const qparam = param.get('q');
+    const [inputText, setInputText] = useState(qparam||'');
     if(inputText == null){
         setInputText('')
     }

diff --git a/ui/src/pages/Home/Home.tsx b/ui/src/pages/Home/Home.tsx
@@ -8,13 +8,9 @@ import DataViewer from '@/components/DataViewer/DataViewer';
 import PageWrapper from '@/components/PageWrapper/PageWrapper';
 import { useEffect} from 'react';
 import useInputs from '@/features/input-submission/input-hooks/use-inputs';
-import { useLocation } from 'react-router-dom';
 
 function Home() {
-    const location = useLocation();
     const { handleFileUpload, handleSubmitClick, handleEnterClick} = useInputs();
-    const param = new URLSearchParams(location.search);
-    const qparam = param.get('q');
     useEffect(() => {
         document.title = 'Oxidation State Analyzer';
     }, []);
@@ -45,7 +41,6 @@ function Home() {
                         handleFileUpload={handleFileUpload}
                         handleSubmitClick={handleSubmitClick}
                         handleEnterClick={handleEnterClick}
-                        inputFromUrl={qparam}
                     />
                 </Grid>
             </Grid>