fix(ci error fix): fix errors and apply changes after review

postcss.config.js

@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};

src/App.test.jsx

@@ -1,14 +1,9 @@
 import { render } from '@testing-library/react';
-import { Provider } from 'react-redux';
-import store from './app/store';
+
 import App from './App';
 
 test('renders learn react link', () => {
-  const { getByText } = render(
-    <Provider store={store}>
-      <App />
-    </Provider>,
-  );
+  const { getByText } = render(<App />);
 
-  expect(getByText(/learn/i)).toBeInTheDocument();
+  expect(getByText(/Hello World/i)).toBeInTheDocument();
 });

src/components/Header/Header.jsx

@@ -1,5 +1,8 @@
 import mainHero from '../../assets/images/main-hero.svg';
-import { HOME_PAGE_TITLE, HOME_INFORMATION_TEXT } from '../../constants/index';
+import {
+  HOME_PAGE_TITLE,
+  HOME_INFORMATION_TEXT,
+} from '../../pages/Home/constants';
 
 function Information() {
   return (

src/components/Header/Header.test.jsx

@@ -1,6 +1,10 @@
 import { render, cleanup } from '@testing-library/react';
+
 import Header from './Header';
-import { HOME_PAGE_TITLE, HOME_INFORMATION_TEXT } from '../../constants/index';
+import {
+  HOME_PAGE_TITLE,
+  HOME_INFORMATION_TEXT,
+} from '../../pages/Home/constants';
 
 describe('Header', () => {
   afterEach(() => cleanup());
@@ -13,7 +17,7 @@ describe('Header', () => {
   test('Header Page Title should have the primary color', () => {
     const { getByText } = render(<Header />);
     const headerPageTitle = getByText(HOME_PAGE_TITLE);
-    expect(headerPageTitle).toHaveStyle(`color: rgb(106,44,112,1)`);
+    expect(headerPageTitle).toHaveStyle('color: rgb(106,44,112,1)');
   });
 
   test('should render Header Information Text', () => {

src/components/ProjectCard/ProjectCard.jsx

@@ -1,4 +1,5 @@
 import PropTypes from 'prop-types';
+
 import featuredProjectImg from '../../assets/images/featuredProjectImg.png';
 
 function ProjectCard({ title, image, description }) {

src/components/Slider/Slider.jsx

@@ -7,7 +7,7 @@ export default function Slider({ items }) {
 
   const slideRef = useRef();
 
-  // fucntion calculate the right index and sets it
+  // Function that calculates and sets the right index
   const handleOnClick = useCallback(
     (direction) => {
       if (direction === 'left') {
@@ -65,5 +65,5 @@ export default function Slider({ items }) {
 }
 
 Slider.propTypes = {
-  items: PropTypes.string.isRequired,
+  items: PropTypes.instanceOf(Array).isRequired,
 };

src/components/Transation/Transation.test.jsx

@@ -1,4 +1,5 @@
 import { render, cleanup } from '@testing-library/react';
+
 import Transation from './Transation';
 
 describe('Transation', () => {
@@ -30,14 +31,14 @@ describe('Transation', () => {
       <Transation mainText={MAIN_TEXT} subText={SUB_TEXT} />,
     );
     const Container = getByTestId('transation-container');
-    expect(Container).toHaveStyle(`background-color: rgb(106,44,112,1)`);
+    expect(Container).toHaveStyle('background-color: rgb(106,44,112,1)');
   });
 
   test('should have white text color', () => {
     const { getByTestId } = render(
       <Transation mainText={MAIN_TEXT} subText={SUB_TEXT} />,
     );
     const Container = getByTestId('transation-container');
-    expect(Container).toHaveStyle(`color: rgb(255,255,255,1)`);
+    expect(Container).toHaveStyle('color: rgb(255,255,255,1)');
   });
 });

src/index.js

@@ -1,16 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+
 import './index.css';
-import { Provider } from 'react-redux';
-import Home from './pages/Home';
-import store from './app/store';
+import App from './App';
 import * as serviceWorker from './serviceWorker';
 
 ReactDOM.render(
   <React.StrictMode>
-    <Provider store={store}>
-      <Home />
-    </Provider>
+    <App />
   </React.StrictMode>,
   document.getElementById('root'),
 );