M-Labs
/
web2019
5
0
Fork 2
Code Issues 20 Pull Requests 3 Releases Wiki Activity

Replace axios with built-in Fetch API 

Decreases size of the bundle from 375 to 347 KB

Signed-off-by: Egor Savkin <es@m-labs.hk>
This commit is contained in:
Egor Savkin 2023-11-21 16:48:21 +08:00
parent f11ebc1152
commit b7087711aa
3 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -16,7 +16,6 @@
"@babel/core": "^7.23.2", "@babel/core": "^7.23.2",
"@babel/preset-env": "^7.23.2", "@babel/preset-env": "^7.23.2",
"@babel/preset-react": "^7.22.15", "@babel/preset-react": "^7.22.15",
"axios": "^1.6.0",
"babel-loader": "^9.1.3", "babel-loader": "^9.1.3",
"babel-preset-minify": "^0.5.2", "babel-preset-minify": "^0.5.2",
"bootstrap": "^5.3.0", "bootstrap": "^5.3.0",

2
static/js/shop.bundle.js
View File

File diff suppressed because one or more lines are too long

17
static/js/shop.jsx
View File

@ -1,7 +1,6 @@
'use strict'; 'use strict';
import React from "react"; import React from "react";
import axios from "axios";
import { createRoot } from "react-dom/client"; import { createRoot } from "react-dom/client";
import PropTypes from "prop-types"; import PropTypes from "prop-types";
import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd"; import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
@ -1910,11 +1909,18 @@ class Shop extends React.PureComponent {
this.setState({isProcessing: true}); this.setState({isProcessing: true});
axios.post(data.API_RFQ, { fetch(data.API_RFQ, {
email, method: "POST",
note, headers: {'Content-Type': 'application/json'},
configuration: JSON.stringify(crate) body: JSON.stringify({
email,
note,
configuration: JSON.stringify(crate)
})
}).then(response => { }).then(response => {
if (response.status !== 200) {
throw Error("Response status is not OK: " + response.status + ".\n" + response);
}
this.setState({ this.setState({
isProcessing: false, isProcessing: false,
shouldShowRFQFeedback: true, shouldShowRFQFeedback: true,
@ -1922,6 +1928,7 @@ class Shop extends React.PureComponent {
isProcessingComplete: true, isProcessingComplete: true,
}); });
}).catch(err => { }).catch(err => {
console.error("Request failed, reason:", err)
this.setState({isProcessing: false}, () => { this.setState({isProcessing: false}, () => {
alert("We cannot receive your request. Try using the export by coping the configuration and send it to us at sales[at]m-labs.hk"); alert("We cannot receive your request. Try using the export by coping the configuration and send it to us at sales[at]m-labs.hk");
}); });