setanswer removed

src/components/Buttons.js

@@ -5,7 +5,6 @@ import "./styles/Buttons.css";
 const Buttons = ({
   inputHandler,
   clearInput,
-  clearAnswer,
   backspace,
   changePlusMinus,
   calculateAns,

src/components/Calculator.js

@@ -34,11 +34,6 @@ function Calculator() {
     setAnswer("");
   };
 
-  const clearAnswer = () => {
-    if (answer === "") setInput("");
-    setAnswer("");
-  };
-
   // check brackets are balanced or not
   const checkBracketBalanced = (expr) => {
     let stack = [];
@@ -109,7 +104,6 @@ function Calculator() {
     //need to change for answer
     if (answer === "Invalid Input!!") return;
     else if (answer !== "") {
-      console.log(typeof answer);
       let ans = answer.toString();
       if (ans.charAt(0) === "-") {
         let plus = "+";
@@ -144,7 +138,6 @@ function Calculator() {
           <Buttons
             inputHandler={inputHandler}
             clearInput={clearInput}
-            clearAnswer={clearAnswer}
             backspace={backspace}
             changePlusMinus={changePlusMinus}
             calculateAns={calculateAns}

src/components/Display.js

@@ -35,7 +35,6 @@ const Display = ({ input, setInput, answer }) => {
               className="value"
               value={input}
               placeholder="0"
-              // onChange={onChangeTagInput}
               maxLength={12}
               disabled
             />
@@ -44,6 +43,7 @@ const Display = ({ input, setInput, answer }) => {
               name="value"
               className="input"
               value={answer}
+              // onChange={onChangeTagInput}
               disabled
             />
           </>

src/components/styles/Calculator.css

@@ -1,5 +1,5 @@
 .container {
-  background-color: gainsboro;
+  background-color: #dfe9f5;
   min-height: 100vh;
   min-width: 100%;
   display: flex;