fix: relative paths and static assets

kpatel0170 · May 27, 2024 · 2cef648 · 2cef648
1 parent 91afa77
commit 2cef648
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 16 deletions.
diff --git a/src/assets/profile-new.png → public/assets/profile-new.png b/src/assets/profile-new.png → public/assets/profile-new.png
diff --git a/src/assets/projects/settleout.png → public/assets/projects/settleout.png b/src/assets/projects/settleout.png → public/assets/projects/settleout.png
diff --git a/src/App.js b/src/App.js
@@ -9,25 +9,22 @@ const Experience = React.lazy(() => import("./pages/Experience/Experience"));
 const HomePage = React.lazy(() => import("./pages/Home/Home"));
 const Resume = React.lazy(() => import("./components/Resume/Resume"));
 
-
 const routes = [
   { path: "/", element: <HomePage /> },
   { path: "/projects", element: <Project /> },
   { path: "/education", element: <Education /> },
   { path: "/experience", element: <Experience /> },
   { path: "/resume", element: <Resume /> },
-  { path: "*", element: <HomePage /> }, 
+  { path: "*", element: <HomePage /> }
 ];
 
-
 const Spinner = () => (
-<div class="flex items-center justify-center h-screen">
+  <div class="flex items-center justify-center h-screen">
     <div class="relative">
-        <div class="h-24 w-24 rounded-full border-t-8 border-b-8 border-gray-200"></div>
-        <div class="absolute top-0 left-0 h-24 w-24 rounded-full border-t-8 border-b-8 border-blue-500 animate-spin">
-        </div>
+      <div class="h-24 w-24 rounded-full border-t-8 border-b-8 border-gray-200"></div>
+      <div class="absolute top-0 left-0 h-24 w-24 rounded-full border-t-8 border-b-8 border-blue-500 animate-spin"></div>
     </div>
-</div>
+  </div>
 );
 
 const Layout = ({ children }) => (
@@ -38,7 +35,6 @@ const Layout = ({ children }) => (
   </div>
 );
 
-
 function App() {
   const routeElements = routes.map(({ path, element }, index) => (
     <Route key={index} path={path} element={element} />
@@ -55,9 +51,4 @@ function App() {
   );
 }
 
-
 export default App;
-
-
-
-
diff --git a/src/components/HeroSection/HeroSection.js b/src/components/HeroSection/HeroSection.js
@@ -67,7 +67,7 @@ const HeroSection = ({ data }) => {
       </div>
       <div className="p-15 flex justify-center items-center">
         <img
-          src="/profile-new.png"
+          src="./assets/profile-new.png"
           alt="profile-new"
           className="rounded-full shadow-xl md:w-2/3 xl:w-2/3 2xl:w-1/2"
           loading="eager"

diff --git a/src/pages/Project/Projects.json b/src/pages/Project/Projects.json
@@ -10,7 +10,7 @@
                     "Managed the team as a Scrum Master, implementing the factory and observer design patterns while following SDLC."
                 ],
                 "techStack": ["MERN stack", "Postman", "Tailwind", "Stripe API", "SendGrid API", "Twillo"],
-                "image": "../../assets/projects/settlout.png",
+                "image": "./assets/projects/settlout.png",
                 "links": [
                     {
                         "name": "GitHub",