vscode and prettier based formatting

Author: abhi18av

src/components/App/App.jsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import Calculator from '../Calculator/Calculator';
-import './App.css';
+import React from "react";
+import Calculator from "../Calculator/Calculator";
+import "./App.css";
 
 const App = () => (
   <div className="app-container">

src/components/Display/Display.jsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import './Display.css';
+import React from "react";
+import PropTypes from "prop-types";
+import "./Display.css";
 
 const Display = ({ displayValue }) => (
   <div className="display-container">
@@ -10,6 +10,6 @@ const Display = ({ displayValue }) => (
 
 Display.propTypes = { displayValue: PropTypes.string.isRequired };
 
-Display.defaultProps = { displayValue: 'default' };
+Display.defaultProps = { displayValue: "default" };
 
 export default Display;

src/components/Key/Key.jsx

@@ -1,12 +1,16 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import './Key.css';
+import React from "react";
+import PropTypes from "prop-types";
+import "./Key.css";
 
 const Key = ({ handleKeyPress, keyAction, keyType, keyValue }) => {
   const keyClass = `key-container ${keyType}`;
 
   return (
-    <div className={keyClass} onClick={() => keyAction(keyValue)} onKeyPress={event => handleKeyPress(event)}>
+    <div
+      className={keyClass}
+      onClick={() => keyAction(keyValue)}
+      onKeyPress={event => handleKeyPress(event)}
+    >
       <p className="key-value">{keyValue}</p>
     </div>
   );
@@ -16,12 +20,12 @@ Key.propTypes = {
   handleKeyPress: PropTypes.func.isRequired,
   keyAction: PropTypes.func.isRequired,
   keyType: PropTypes.string.isRequired,
-  keyValue: PropTypes.string.isRequired,
+  keyValue: PropTypes.string.isRequired
 };
 
 Key.defaultProps = {
-  keyType: 'default',
-  keyAction: 'default',
+  keyType: "default",
+  keyAction: "default"
 };
 
 export default Key;

src/components/Keypad/Keypad.jsx

@@ -1,11 +1,18 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import './Keypad.css';
+import React from "react";
+import PropTypes from "prop-types";
+import "./Keypad.css";
 
-import Key from '../Key/Key';
-import './Keypad.css';
+import Key from "../Key/Key";
+import "./Keypad.css";
 
-const Keypad = ({ operators, callOperator, handleKeyPress, numbers, setOperator, updateDisplay }) => {
+const Keypad = ({
+  operators,
+  callOperator,
+  handleKeyPress,
+  numbers,
+  setOperator,
+  updateDisplay
+}) => {
   const numberKeys = numbers.map((number, iterator) => (
     <Key
       handleKeyPress={handleKeyPress}
@@ -31,7 +38,12 @@ const Keypad = ({ operators, callOperator, handleKeyPress, numbers, setOperator,
       <div className="numbers-container">{numberKeys}</div>
       <div className="operators-container">{operatorKeys}</div>
       <div className="submit-container">
-        <Key handleKeyPress={handleKeyPress} keyType="submit-key" keyValue="=" keyAction={callOperator} />
+        <Key
+          handleKeyPress={handleKeyPress}
+          keyType="submit-key"
+          keyValue="="
+          keyAction={callOperator}
+        />
       </div>
     </div>
   );
@@ -43,12 +55,12 @@ Keypad.propTypes = {
   numbers: PropTypes.array.isRequired,
   operators: PropTypes.array.isRequired,
   setOperator: PropTypes.func.isRequired,
-  updateDisplay: PropTypes.func.isRequired,
+  updateDisplay: PropTypes.func.isRequired
 };
 
 Keypad.defaultProps = {
   numbers: [],
-  operators: [],
+  operators: []
 };
 
 export default Keypad;