Clean up file path and import (#1250)

* Clean up file path and import

* lint fixed

---------

Co-authored-by: Priyankar Pal <[email protected]>

src/App.jsx

@@ -1,4 +1,4 @@
-import 'App.css';
+import './App.css';
 import { Outlet } from 'react-router-dom';
 
 function App() {

src/common/home/Sponsors.jsx

@@ -47,10 +47,11 @@ const Sponsors = () => {
           <h3>Event Partners</h3>
           <div className="content">
             <div className="partners-sponsors-grid">
-              {eventPartners.map((p) => (
+              {eventPartners.map((p, index) => (
                 <a
                   className="partners-sponsors-grid-item"
                   href={p.website}
+                  key={index}
                   rel="noreferrer"
                   target="_blank"
                 >
@@ -72,10 +73,11 @@ const Sponsors = () => {
           <h3>Event Sponsors</h3>
           <div className="content">
             <div className="partners-sponsors-grid">
-              {eventSponsors.map((s) => (
+              {eventSponsors.map((s, index) => (
                 <a
                   className="partners-sponsors-grid-item"
                   href={s.website}
+                  key={index}
                   rel="noreferrer"
                   target="_blank"
                 >
@@ -142,7 +144,7 @@ const Sponsors = () => {
             alignItems: 'center'
           }}
         >
-          {/* {primeSponsors.map((p) => (
+          {/* {primeSponsors.map((p,index) => (
             <a className="prime-sponsors-grid-item" rel="noreferrer" target="_blank">
               abcd
             </a>

src/index.jsx

@@ -1,9 +1,9 @@
 import RouteDefs from 'common/routing/RouteDefs';
 import { SearchContextProvider } from 'common/search/search-context';
-import 'index.css';
+import './index.css';
 import React, { useState } from 'react';
 import { createRoot } from 'react-dom/client';
-import reportWebVitals from 'reportWebVitals';
+import reportWebVitals from './reportWebVitals';
 import register from './registerServiceWorker';
 import ErrorBoundry from './ErrorBoundary/ErrorBoundary';
 import Notification from 'common/components/Notification';

src/plays/github-user-finder/components/ProfileCard.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useResultContext } from '../context/ResultContext';
-import { formatDate } from '../../../common/utils/commonUtils';
+import { formatDate } from 'common/utils/commonUtils';
 
 const ProfileCard = () => {
   const { results } = useResultContext();

src/plays/personal-profile-card/PersonalProfileCard.tsx

@@ -1,7 +1,7 @@
 import PlayHeader from 'common/playlists/PlayHeader';
 import React, { useState, ChangeEvent, useEffect } from 'react';
 
-import useLocalStorage from '../../common/hooks/useLocalStorage';
+import useLocalStorage from 'common/hooks/useLocalStorage';
 import ProfileType from './types';
 import ProfileCard from './components/profile-card';
 import ProfileForm from './components/profile-form';

src/plays/random-quote-card-generator/Components/CardContainer.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import { FaQuoteLeft } from 'react-icons/fa';
-import data from '../data';
+
 const CardContainer = ({
   gradientColor,
   quote,

src/plays/video-preview/Card.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { formatDurationCount, formatViewCount } from '../../common/utils/formatCount';
+import { formatDurationCount, formatViewCount } from 'common/utils/formatCount';
 import { GoVerified } from 'react-icons/go';
 import { VERIFIED_CHANNEL } from './utils/constants';