resolved some issues

Author: ajay-dhangar

courses/react-js/advanced-level/advanced-react-concepts/Component.js

@@ -1,5 +1,3 @@
-import React from "react";
-
 import withLogger from "./withLogger";
 
 const Component = ({ message }) => {

courses/react-js/advanced-level/advanced-react-concepts/withLogger.js

@@ -1,5 +1,3 @@
-import React from "react";
-
 const withLogger = (WrappedComponent) => {
   return (props) => {
     console.log(`Rendering ${WrappedComponent.name} with props:`, props);

courses/react-js/advanced-level/component-optimization/LazyLoadingExample.js

@@ -1,4 +1,4 @@
-import React, { Suspense } from "react";
+import { Suspense } from "react";
 const LazyComponent = React.lazy(() => import("./LazyComponent"));
 const LazyLoadingExample = () => {
   return (

courses/react-js/advanced-level/component-optimization/MemoizationExample.js

@@ -1,8 +1,7 @@
-import React, { useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 
 const ExpensiveComponent = ({ value }) => {
   const expensiveFunction = (value) => {
-    // Expensive computation
     return value * 2;
   };
   const memoizedValue = useMemo(() => expensiveFunction(value), [value]);

courses/react-js/advanced-level/component-optimization/VirtualizationExample.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { FixedSizeList } from "react-window";
 const VirtualizationExample = () => {
   const Row = ({ index, style }) => <div style={style}>Row {index}</div>;

courses/react-js/begginer-level/building-user-interfaces/IfElseExample.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 
 function IfElseExample() {
   const [isLoggedIn, setIsLoggedIn] = useState(false);

courses/react-js/begginer-level/building-user-interfaces/KeyPropExample.js

@@ -1,5 +1,3 @@
-import React from "react";
-
 function KeyPropExample() {
   const items = [
     { id: 1, name: "Apple" },

courses/react-js/begginer-level/building-user-interfaces/ListExample.js

@@ -1,5 +1,3 @@
-import React from "react";
-
 function ListExample() {
   const items = ["Apple", "Banana", "Cherry", "Date"];
 

courses/react-js/begginer-level/building-user-interfaces/TernaryOperatorExample.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 
 function TernaryOperatorExample() {
   const [isError, setIsError] = useState(false);

courses/react-js/begginer-level/building-your-first-react-app/Counter.js

@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import { Component } from "react";
 
 class Counter extends Component {
   constructor(props) {

courses/react-js/begginer-level/building-your-first-react-app/MyComponent.js

@@ -1,40 +1,29 @@
-import React from 'react';
-
-// Define a functional component using JSX
 const MyComponent = () => {
-  // Define some variables to use in JSX expressions
   const name = "Ajay";
   const isLoggedIn = true;
   const fruits = ["apple", "banana", "orange"];
 
-  // JSX component rendering
   return (
     <div>
       <h1>Hello, {name}!</h1>
 
-      {/* Embedding expressions */}
       <p>{isLoggedIn ? "You are logged in" : "Please log in"}</p>
 
-      {/* Defining attributes */}
       <img src="https://github.com/ajay-dhangar.png" alt="Ajay" style={{ width: "100px", borderRadius: "50%" }} />
 
-      {/* Conditionally render elements */}
       {isLoggedIn && <p>Welcome back, {name}!</p>}
 
-      {/* Mapping over arrays */}
       <ul>
-        {fruits.map((fruit, index) => (
-          <li key={index}>{fruit}</li>
+        {fruits.map((fruit) => (
+          <li>{fruit}</li>
         ))}
       </ul>
 
-      {/* Compose components */}
       <Button text="Click me" onClick={() => alert("Button clicked!")} />
     </div>
   );
 }
 
-// Another component to compose
 const Button = ({ text, onClick }) => {
   return <button onClick={onClick}>{text}</button>;
 }

courses/react-js/begginer-level/building-your-first-react-app/WelcomeMessage.js

@@ -1,5 +1,3 @@
-import React from "react";
-
 function WelcomeMessage() {
   return <div>Welcome to React!</div>;
 }

courses/react-js/begginer-level/introduction-to-forms/FormComponent.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 
 function FormComponent() {
   const [formData, setFormData] = useState({

courses/react-js/begginer-level/working-with-components-and-data/ChangeEventExample.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 
 function ChangeEventExample() {
   const [value, setValue] = useState('');

courses/react-js/begginer-level/working-with-components-and-data/ComplexStateExample.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 
 function ComplexStateExample() {
   const [user, setUser] = useState({ name: "Ajay", age: 24 });

courses/react-js/begginer-level/working-with-components-and-data/SubmitEventExample.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 
 function SubmitEventExample() {
   const [value, setValue] = useState('');

courses/react-js/intermidiate-level/handling-data-flow/App.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { ThemeProvider } from "./ThemeContext";
 import Header from "./Header";
 import Content from "./Content";

courses/react-js/intermidiate-level/handling-data-flow/Content.js

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { ThemeContext } from "./ThemeContext";
 
 function Content() {

courses/react-js/intermidiate-level/handling-data-flow/Header.js

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { ThemeContext } from "./ThemeContext";
 
 function Header() {

courses/react-js/intermidiate-level/handling-data-flow/ReduxApp/Counter.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { connect } from "react-redux";
 
 function Counter({ count, increment, decrement }) {

courses/react-js/intermidiate-level/handling-data-flow/ReduxApp/index.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { Provider } from "react-redux";
 import store from "./store";
 import Counter from "./Counter";

courses/react-js/intermidiate-level/handling-data-flow/ThemeContext.js

@@ -1,4 +1,4 @@
-import React, { createContext, useState } from "react";
+import { createContext, useState } from "react";
 
 const ThemeContext = createContext();
 

courses/react-js/intermidiate-level/managing-complex-uis/App.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import ParentComponent from "./ParentComponent";
 
 function App() {

courses/react-js/intermidiate-level/managing-complex-uis/ParentComponent.js

@@ -1,4 +1,3 @@
-import React from "react";
 import ChildComponent from "./ChildComponent";
 
 function ParentComponent({ count, incrementCount }) {

courses/react-js/intermidiate-level/managing-complex-uis/TodoApp.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import TodoList from "./TodoList";
 
 function TodoApp() {

courses/react-js/intermidiate-level/managing-complex-uis/TodoList.js

@@ -1,4 +1,3 @@
-import React from "react";
 import TodoItem from "./TodoItem";
 
 function TodoList({ todos, toggleTodo }) {

courses/react-js/intermidiate-level/working-with-apis/UserList.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 
 function UserList() {
   const [users, setUsers] = useState([]);

src/components/TeamProfileCards/index.tsx

@@ -1,10 +1,3 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 import React, { type ReactNode } from "react";
 import Translate from "@docusaurus/Translate";
 import Link from "@docusaurus/Link";