docker files.

Author: TingluoHuang

Dockerfile

@@ -8,11 +8,11 @@ RUN npm install --silent
 RUN npm install react-scripts@3.4.1 -g --silent
 RUN npm run build
 
-FROM nginx:1.18-alpine
+FROM nginx:1.16-alpine
 
 COPY --from=build /app/build /usr/share/nginx/html
 RUN rm /etc/nginx/conf.d/default.conf
-COPY nginx/nginx.conf /etc/nginx/nginx.conf
+COPY nginx/nginx.conf /etc/nginx/conf.d
 
 EXPOSE 80
 CMD [ "nginx", "-g", "daemon off;" ]

public/index.html

@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>JSON Formatter</title>
+    <title>Binary JSON Formatter</title>
 
         <!-- FontAwesome 5 Imports -->
         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

src/App.js

@@ -14,7 +14,7 @@ function App() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          JSON Formatter
+          Binary JSON Formatter
         </a>
       </header>
       <div className="App-container">

src/components/JSONFormatter/JSONFormatter.jsx

@@ -52,10 +52,6 @@ class FormattedJSON extends Component {
 }
 
 export class JSONFormatter extends Component {
-  clearInputText = () => {
-    this.setState({ 'inputText': '' });
-  };
-
   onInputTextChange = (event, data, value) => {
     try {
       this.setState({ 'inputText': event.target.value });
@@ -108,7 +104,7 @@ export class JSONFormatter extends Component {
   }
 
   componentWillUnmount() {
-    window.confirm('You are leaving the JSON Formatter.')
+    window.confirm('You are leaving the Binary JSON Formatter.')
   }
 
   render() {
@@ -128,11 +124,6 @@ export class JSONFormatter extends Component {
           }}>
             <CodeMirror ref="display" value={this.state.inputText} onChange={this.onInputTextChange} options={inputOptions} preserveScrollPosition={true} autoCursor={false} />
             <br />
-            <Button onClick={this.clearInputText} size="small" variant="contained" color="primary" style={{ fontSize: 11 }}>
-              <i className="far fa-trash-alt"></i>
-              <span style={{ marginLeft: 6 }}>Clear Input</span>
-            </Button>
-            <br /><br />
             <hr />
             <br />
             <span style={{ fontFamily: "Roboto", fontSize: 22, fontWeight: 300, marginBottom: 20 }}>Formatted JSON:</span>