feat: moved the logic up for managing request url

This commit is contained in:
Anoop M D
2022-01-18 21:41:27 +05:30
parent 83d33b604a
commit 2f222aebde
4 changed files with 37 additions and 12 deletions

View File

@@ -85,7 +85,8 @@ const QueryUrl = ({value, onChange, handleRun, collections}) => {
<div className="flex items-center flex-grow input-container h-full">
<input
className="px-3 w-full"
type="text" value={value} onChange={(event) => onChange(event.target.value)}
type="text" defaultValue={value}
onChange={(event) => onChange(event.target.value)}
/>
</div>
<button

View File

@@ -18,7 +18,6 @@ const RequestTabPanel = ({dispatch, actions, collections, activeRequestTabId, re
}
let asideWidth = 200;
let [url, setUrl] = useState('https://api.spacex.land/graphql');
let {
schema
} = useGraphqlSchema('https://api.spacex.land/graphql');
@@ -41,17 +40,25 @@ const RequestTabPanel = ({dispatch, actions, collections, activeRequestTabId, re
e.preventDefault();
setDragging(true);
};
useEffect(() => {
document.addEventListener('mouseup', handleMouseUp);
document.addEventListener('mousemove', handleMouseMove);
// useEffect(() => {
// document.addEventListener('mouseup', handleMouseUp);
// document.addEventListener('mousemove', handleMouseMove);
return () => {
document.removeEventListener('mouseup', handleMouseUp);
document.removeEventListener('mousemove', handleMouseMove);
};
}, [dragging, leftPaneWidth]);
// return () => {
// document.removeEventListener('mouseup', handleMouseUp);
// document.removeEventListener('mousemove', handleMouseMove);
// };
// }, [dragging, leftPaneWidth]);
const onUrlChange = (value) => {
dispatch({
type: actions.REQUEST_URL_CHANGED,
url: value,
requestTab: focusedTab,
collectionId: collection ? collection.id : null
});
};
const onUrlChange = (value) => setUrl(value);
const onQueryChange = (value) => setQuery(value);
if(!activeRequestTabId) {
@@ -97,7 +104,7 @@ const RequestTabPanel = ({dispatch, actions, collections, activeRequestTabId, re
>
<div className="pt-2 text-gray-600">{item.name}</div>
<QueryUrl
value = {url}
value = {item.request.url}
onChange={onUrlChange}
handleRun={runQuery}
collections={collections}