fix(assets): removed all images from assets

src/Components/Games/Pacman/pacman.jsx

@@ -2,13 +2,14 @@ import { Button, Grid, Result } from "../common";
 import { layout, legends } from "./resource";
 import React, { useEffect, useState } from "react";
 import styled from "styled-components";
-import BlinkyImg from "../../../Assets/Images/blinky.png";
-import ClydeImg from "../../../Assets/Images/clyde.png";
-import InkyImg from "../../../Assets/Images/inky.png";
-import PinkyImg from "../../../Assets/Images/pinky.png";
-import GhostImg from "../../../Assets/Images/scared-ghost.png";
 import PacmanImg from "../../../Assets/Gif/pacman.gif";
 
+
+const ClydeImg = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/clyde.png";
+const BlinkyImg = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/blinky.png";
+const InkyImg = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/inky.png";
+const PinkyImg = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/pinky.png";
+const GhostImg = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/scared-ghost.png";
 const Block = styled.div`
   display: flex;
   align-items: center;

src/Components/Games/SpaceInvaders/spaceinvaders.jsx

@@ -1,11 +1,11 @@
 import { Button, Grid, Result } from "../common";
 import React, { useEffect, useState } from "react";
 import styled, { css } from "styled-components";
-import AlienImage from "../../../Assets/Images/alien.png";
-import Jet from "../../../Assets/Images/jet.png";
 import ExplosionGif from "../../../Assets/Gif/explosion.gif";
 import Sound from "../../../Assets/Sounds/laser.mp3";
 
+const Jet = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/jet.png";
+const AlienImage = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/alien.png";
 const Shooter = css`
   background-image: url(${Jet});
   background-size: cover;

src/Components/Games/SweetCrush/sweetcrush.jsx

@@ -1,15 +1,16 @@
 import { Button, Grid } from "../common";
 import React, { useEffect, useState } from "react";
-import Candy1 from "../../../Assets/Images/candy_1.png";
-import Candy2 from "../../../Assets/Images/candy_2.png";
-import Candy3 from "../../../Assets/Images/candy_3.png";
-import Candy4 from "../../../Assets/Images/candy_4.png";
-import Candy5 from "../../../Assets/Images/candy_5.png";
-import Candy6 from "../../../Assets/Images/candy_6.png";
-import BgImg from "../../../Assets/Images/cupcake_bg.jpg";
 import Confetti from "../../../Assets/Gif/confetti.gif";
 import styled, { css, keyframes } from "styled-components";
 
+
+const Candy1 = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/candy_1.png";
+const Candy2 = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/candy_2.png";
+const Candy3 = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/candy_3.png";
+const Candy4 = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/candy_4.png";
+const Candy5 = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/candy_5.png";
+const Candy6 = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/candy_6.png";
+const BgImg = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/cupcake_bg.jpg";
 const ShakeAnim = keyframes`
     0% { transform: translateX(0px) }
     10% { transform: translateX(2px) }

src/Components/Loading/ProLoader.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import './ProLoader.css';
-import logo from '../../Assets/Images/newLogo.png';
 
 const ProLoader = () => {
+  const logo = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/newLogo.png";
   return (
     <div class="loading-screen">
       <div class="loading-animation">

src/Components/NavBar/NavBar.jsx

@@ -1,8 +1,6 @@
 import React, {useReducer, useContext, useEffect } from "react";
 import axios from "axios";
 import "./NavBar.css";
-import burger from '../../Assets/Images/burger-min.png';
-import Logo from '../../Assets/Images/logo-min.png';
 import { Link } from "react-router-dom";
 import { GlobalState } from '../../GlobalState';
 import { StyledHeaderNav } from '../../Layout/Container/styledContainer'
@@ -12,6 +10,10 @@ import { useCookies } from "react-cookie";
 import { useLocation } from "react-router-dom";
 
 const NavBar = () => {
+  const Logo =
+    "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/logo-min.png";
+  const burger =
+    '  const logo = "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/burger-min.png';
   const [cookies, setCookie, removeCookie] = useCookies(["cookie-name"]);
   const location = useLocation();
   const currentPath = location.pathname;

src/Components/NavBar/SideBar.jsx

@@ -9,13 +9,14 @@ import { ArticleHr } from "../../Layout/Hr/styledHr";
 import { HiOutlinePencilAlt } from "react-icons/hi";
 import { BsHouseDoor, BsBell, BsBellFill } from "react-icons/bs";
 import { MdBookmarkBorder, MdBookmark } from "react-icons/md";
-import logo from "../../Assets/Images/newLogo.png";
 import { Link } from "react-router-dom";
 import { GlobalState } from "../../GlobalState";
 import { useParams } from "react-router-dom";
 import axios from "axios";
 
 const SideBar = (props) => {
+  const logo =
+    "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/newLogo.png";
   const [savedArticleState, setSavedArticleState] = useState(
     props.user.savedArticles.includes(props.article._id)
   );
@@ -42,7 +43,7 @@ const SideBar = (props) => {
       await axios.put(`/api/user/${props.user._id}`, {
         savedArticles: [props.article._id],
       });
-      setSavedArticleState(!savedArticleState)
+      setSavedArticleState(!savedArticleState);
     }
   };
 

src/Components/Technologies/Technologies.css

@@ -6,7 +6,7 @@
       rgba(119, 119, 119, 0.6),
       rgba(119, 119, 119, 0.6)
     ),
-    url("../../Assets/Images/keyboard-min.jpeg");
+    url("https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/keyboard-min.jpeg");
   background-size: cover;
   background-position: top;
   background-repeat: no-repeat;

src/Pages/Articles/Articles.css

@@ -114,7 +114,7 @@
       rgba(119, 119, 119, 0.6),
       rgba(119, 119, 119, 0.6)
     ),
-    url("../../Assets/Images/project1-min.jpg");
+    url("https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/project1-min.jpg");
   background-size: cover;
   background-position: bottom;
   background-repeat: no-repeat;

src/Pages/Auth/login.jsx

@@ -6,10 +6,11 @@ import { Link } from "react-router-dom";
 import { GlobalState } from "../../GlobalState";
 
 import "./auth.css";
-import Logo from "../../Assets/Images/newLogo.png";
 import { useCookies } from "react-cookie";
 
 const Login = () => {
+  const logo =
+    "https://hoseacodes-blog.s3.amazonaws.com/Assets/Images/newLogo.png";
   const state = useContext(GlobalState);
   const [user, setUser] = state.userAPI.user;
   const [isLoggedIn, setIsLoggedIn] = state.userAPI.isLoggedIn;
@@ -19,17 +20,17 @@ const Login = () => {
   const [rememberMe, setRememberMe] = useState(false);
   const [cookies, setCookie, removeCookie] = useCookies(["cookie-name"]);
 
-  const onChangeInput = e => {
+  const onChangeInput = (e) => {
     const { name, value } = e.target;
     setUser({ ...user, [name]: value });
   };
 
-  const loginSubmit = async e => {
+  const loginSubmit = async (e) => {
     e.preventDefault();
     try {
       const login = await axios.post("/api/user/login", {
         ...user,
-        rememberMe
+        rememberMe,
       });
       await handleSubmittion(login);
     } catch (err) {
@@ -38,7 +39,7 @@ const Login = () => {
     }
   };
 
-  const handleSubmittion = async login => {
+  const handleSubmittion = async (login) => {
     try {
       if (!cookies.accesstoken && login.data)
         setCookie("accesstoken", login.data.accesstoken);