removed useless console.log statements across the project

Author: anserwaseem

src/features/Download.tsx

@@ -7,6 +7,8 @@ import { TransitionModel } from "../models";
 import { AutomataData } from "../components/types/AutomataData";
 
 export const Download = (props: DownloadProps) => {
+  console.log("re rendering Download: props", props);
+  
   const dataContext = useContext(DataContext);
 
   return (

src/features/NfaToDfa.tsx

@@ -54,15 +54,13 @@ export const NfaToDfa = () => {
         ),
       };
     });
-    console.log("nullClosureRowsUnique", nullClosureRowsUnique);
 
     const nullClosureStatesUnique = dataContext.states.map((state) => {
       return {
         ...state,
         id: state.id + NullClosureStateId,
       };
     });
-    console.log("nullClosureStatesUnique", nullClosureStatesUnique);
 
     const nullClosureTransitionsUnique = dataContext.transitions.map(
       (transition) => {
@@ -73,7 +71,6 @@ export const NfaToDfa = () => {
         };
       }
     );
-    console.log("nullClosureTransitionsUnique", nullClosureTransitionsUnique);
 
     setNullClosureRows(nullClosureRowsUnique);
     setNullClosureStates(nullClosureStatesUnique);

src/features/Playground.tsx

@@ -31,7 +31,6 @@ const Playground = (props: PlaygroundProps) => {
   const { setPlaygroundSize } = props;
 
   useEffect(() => {
-    console.log("useEffect of playground due to width & height", width, height);
     setPlaygroundSize({ width, height });
   }, [width, height, setPlaygroundSize]);
 

src/features/TestAString.tsx

@@ -183,9 +183,7 @@ const TestAString = (props: TestAStringProps) => {
   };
 
   const handleAnimation = () => {
-    console.log("TestAString handleAnimation");
     if (isComplete) {
-      console.log("TestAString handleAnimation isComplete");
       // if animation is complete, reset everything i.e., replay
       setIsReady(false);
       setIsComplete(false);
@@ -212,10 +210,7 @@ const TestAString = (props: TestAStringProps) => {
   };
 
   const showNextRow = () => {
-    console.log("TestAString show next row");
-    if (isComplete) {
-      setIsReady(true);
-    }
+    if (isComplete) setIsReady(true);
 
     handleUpdateData();
 

src/features/Upload.tsx

@@ -9,6 +9,8 @@ import { UploadProps } from "./props/UploadProps";
 import { StateMaxSize, StateMinSize } from "../consts/StateSizes";
 
 export const Upload = (props: UploadProps) => {
+  console.log("re rendering Upload: props", props);
+
   const dataContext = useContext(DataContext);
 
   const handleSetTransitions = (transitions: TransitionModel[]) => {

src/features/components/playground/State.tsx

@@ -23,12 +23,8 @@ export const State = (props: StateProps) => {
   const handleClick = (e: any) => {
     e.stopPropagation(); // so that click/touch event will be fired on the state only and not on the container itself
 
-    if (props?.core?.actionState === "Normal") {
-      console.log("Box handleClick Normal", props);
-      props?.core?.handleSelect(e);
-    } else if (props?.core?.actionState === "Add Transition") {
-      console.log("Box handleClick Add Transition", props);
-
+    if (props?.core?.actionState === "Normal") props?.core?.handleSelect(e);
+    else if (props?.core?.actionState === "Add Transition") {
       // restrict adding of new transition between states where a transition already exists
       if (
         !dataContext?.transitions.find(
@@ -37,8 +33,8 @@ export const State = (props: StateProps) => {
             transition.end === props.state.id
         )
       ) {
-        console.log("Box handleClick Add Transition setTransitions", props);
         const isSelfTransition = props?.core?.selected?.id === props.state.id;
+
         dataContext?.setTransitions((transitions: TransitionModel[]) => [
           ...transitions,
           new TransitionModel({
@@ -56,8 +52,7 @@ export const State = (props: StateProps) => {
           }),
         ]);
       }
-    } else if (props?.core?.actionState === "Remove Transitions") {
-      console.log("Box handleClick Remove Transitions", props);
+    } else if (props?.core?.actionState === "Remove Transitions")
       dataContext?.setTransitions((transitions: TransitionModel[]) =>
         transitions.filter(
           (transition) =>
@@ -67,10 +62,8 @@ export const State = (props: StateProps) => {
             )
         )
       );
-    }
   };
 
-  console.log("changing background color now", props?.core?.actionState);
   let background = null;
   if (props?.core?.selected && props?.core?.selected?.id === props.state.id) {
     background = stateSelectedColor;

src/features/components/playground/Xarrow.tsx

@@ -20,7 +20,7 @@ export default (props: XarrowProps) => {
       onMouseLeave: () => setState({ color: transitionColor }),
       onClick: (e: any) => {
         e.stopPropagation(); //so only the click event on the state will fire on not on the container itself
-        console.log("Xarrow onClick props", props);
+        
         props?.core?.setSelected({
           id: {
             start: props.transition.start,