Refactor: codefactor code smells (#2)

* Refactor: codefactor code smells

* cleanup

Author: abhijeetj100

src/App.tsx

@@ -1,19 +1,14 @@
 import React from 'react';
-import logo from './logo.svg';
 import './App.css';
-import {Card, DatePicker} from 'antd';
-import MyButton from './components/MyButton';
-import ProfileCard from './components/ProfileCard';
-import TicTacToe from './components/TicTacToe';
 import Board from './components/TicTacToe/Board';
 
 function App() {
-  const [count, setCount] = React.useState(0);
+  // const [count, setCount] = React.useState(0);
 
-  function handleClick(){
-    setCount(count+1);
-    console.log(`Button clicked ${count} times`);
-  }
+  // function handleClick(){
+  //   setCount(count+1);
+  //   console.log(`Button clicked ${count} times`);
+  // }
   return (
     <div className="App">
       {/* <h1>Welcome to my App!</h1>

src/components/MyButton/index.tsx

@@ -1,5 +1,5 @@
 import {Button} from 'antd';
-import { MouseEventHandler, useState } from 'react';
+import { MouseEventHandler } from 'react';
 
 // function handleClick(count: number, setCount: Function){
 //     alert("Button Clicked");

src/components/ProfileCard/index.tsx

@@ -24,7 +24,7 @@ export default function ProfileCard() {
     let title: JSX.Element | null;
     let image: JSX.Element | null;
     let productsList: JSX.Element[] = products.map((product) => <li key={product.id} style={{ color: product.isFruit ? 'red' : 'green' }}>{product.title}</li>);
-    if (user.name.length != 0) {
+    if (user.name.length !== 0) {
         title = <h1>{user.name}</h1>;
         image = <img
             className="avatar"
@@ -35,7 +35,7 @@ export default function ProfileCard() {
     }
     else {
         title = <h1>John Doe</h1>;
-        image = <img src="https://www.shutterstock.com/shutterstock/photos/2061533240/display_1500/stock-photo-mountain-view-california-oct" />;
+        image = <img src="https://www.shutterstock.com/shutterstock/photos/2061533240/display_1500/stock-photo-mountain-view-california-oct" alt="Profile" />;
     }
     return (
         <div>

src/components/TicTacToe/Board/index.tsx

@@ -1,6 +1,5 @@
 import { useState } from "react";
 import Square from "../Square";
-import { nextTick } from "process";
 
 export default function Board(){
     const [squares, setSquares] = useState<Array<String | null>>(Array(9).fill(null));
@@ -22,7 +21,7 @@ export default function Board(){
             console.log("called");
             const [a, b, c] = lines[i];
 
-            if(squares[a] && squares[a] == squares[b] && squares[a] == squares[c]){
+            if(squares[a] && squares[a] === squares[b] && squares[a] === squares[c]){
                 return squares[a];
             }
 

src/components/TicTacToe/Square/index.tsx

@@ -1,5 +1,5 @@
 import { Button } from 'antd';
-import { MouseEventHandler, useState } from 'react';
+import { MouseEventHandler } from 'react';
 
 export default function Square({value, OnSquareClicked}: {value: String | null, OnSquareClicked: MouseEventHandler<HTMLButtonElement>}){
 

src/components/TicTacToe/index.tsx

@@ -1,5 +1,3 @@
-import Square from "./Square";
-
 export default function TicTacToe() {
     return (
         <>