hasura/graphql-engine
1
0
Fork 0
mirror of https://github.com/hasura/graphql-engine.git synced 2024-12-14 17:02:49 +03:00
Code Issues Projects Releases Wiki Activity

persist headers in graphiql tab (close #275)

Browse Source
This commit is contained in:
Gagan Ganapathy 2019-01-04 12:11:11 +05:30 committed by Shahidh K Muhammed
parent 7c5a5a2957
commit 92ff16a605
1 changed files with 53 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
console/src/components/ApiExplorer/ApiRequest.js
View File

@ -23,7 +23,9 @@ const styles = require('./ApiExplorer.scss');
class ApiRequest extends Component {
constructor(props) {
super(props);
this.state = {};
this.state = {
deletedHeader: false,
};
this.state.accessKeyVisible = false;
this.state.bodyAllowedMethods = ['POST'];
this.state.tabIndex = 0;
@ -66,6 +68,7 @@ class ApiRequest extends Component {
onDeleteHeaderClicked(e) {
const index = parseInt(e.target.getAttribute('data-header-id'), 10);
this.setState({ deletedHeader: true });
this.props.dispatch(removeRequestHeader(index));
}
@ -197,7 +200,55 @@ class ApiRequest extends Component {
}
getHeaderRows() {
const rows = this.props.headers.map((header, i) => {
let headers;
const headers_map = new Map();
if (localStorage.getItem('HASURA_CONSOLE_GRAPHIQL_HEADERS')) {
const stored_headers = JSON.parse(
localStorage.getItem('HASURA_CONSOLE_GRAPHIQL_HEADERS')
);
for (const s_h of this.props.headers) {
if (!headers_map.has(s_h.key)) {
headers_map.set(s_h.key, 1);
}
}
//Case when user loads again.
if (
stored_headers.length > this.props.headers.length &&
this.state.deletedHeader === false
) {
const initHeaderCount = this.props.headers.length - 1;
const input_row = this.props.headers.pop();
for (
let i = initHeaderCount;
i <= stored_headers.length - initHeaderCount;
i++
) {
if (!headers_map.has(stored_headers[i].key)) {
this.props.headers.push(stored_headers[i]);
}
}
this.props.headers.push(input_row);
}
//Case when user deletes a header from console.
if (
stored_headers.length > this.props.headers.length &&
this.state.deletedHeader === true
) {
this.setState({ deletedHeader: false });
}
headers = this.props.headers;
localStorage.setItem(
'HASURA_CONSOLE_GRAPHIQL_HEADERS',
JSON.stringify(headers)
);
} else {
headers = this.props.headers;
localStorage.setItem(
'HASURA_CONSOLE_GRAPHIQL_HEADERS',
JSON.stringify(headers)
);
}
const rows = headers.map((header, i) => {
return (
<tr key={i}>
{header.isNewHeader ? null : (