Skip to content

Commit

Permalink
Changed image paths
Browse files Browse the repository at this point in the history
  • Loading branch information
@naeem4633
naeem4633 committed Aug 15, 2023
1 parent f77827c commit dddfed2
Show file tree
Hide file tree
Showing 7 changed files with 22 additions and 22 deletions.
2 changes: 1 addition & 1 deletion src/App.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import './App.css';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import { HashRouter as Router, Route, Routes } from 'react-router-dom';
import React, { useState, useEffect } from 'react';
import Header from './components/Header';
import Body from './components/Body';
Expand Down
12 changes: 6 additions & 6 deletions src/components/Body.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,19 +16,19 @@ const Body = () => {
<div class="flex flex-col justify-center items-center text-xl space-y-4 lg:flex-row">
<Link to={'/beds'}>
<div class="mx-16 border border-black w-64 h-64 flex flex-col items-center justify-center">
<img src="../images/bed.png"></img>
<img src="../static/images/bed.png"></img>
<p class="mt-2">Beds</p>
</div>
</Link>
<Link to={'/dining'}>
<div class="mx-16 border border-black w-64 h-64 flex flex-col items-center justify-center">
<img src="../images/dining.png"></img>
<img src="../static/images/dining.png"></img>
<p class="mt-2">Dining</p>
</div>
</Link>
<Link to={'/wardrobes'}>
<div class="mx-16 border border-black w-64 h-64 flex flex-col items-center justify-center">
<img src="../images/closet.png"></img>
<img src="../static/images/closet.png"></img>
<p class="mt-2">Wardrobe</p>
</div>
</Link>
Expand All @@ -38,15 +38,15 @@ const Body = () => {
<div className='flex flex-col w-full'>
<div className='hidden lg:block mt-20'>
<Link to={'/all'}>
<img className='p-6' src='../images/sample-image-3.jpg'></img>
<img className='p-6' src='../static/images/sample-image-3.jpg'></img>
</Link>
</div>
<div className='flex flex-col justify-between lg:flex-row'>
<Link to={'/all'}>
<img className='p-6' src='../images/sample-image-4-half.jpg'></img>
<img className='p-6' src='../static/images/sample-image-4-half.jpg'></img>
</Link>
<Link to={'/all'}>
<img className='p-6' src='../images/sample-image-5-half.jpg'></img>
<img className='p-6' src='../static/images/sample-image-5-half.jpg'></img>
</Link>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions src/components/Checkout.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@ const Checkout = () => {
<div className='mx-auto mt-8 border border-gray-300 border-t-0 border-l-0 border-r-0 border-b-1 w-3/4'>
<p className='font-medium text-3xl pb-8'>Checkout</p>
</div>
<div className='w-3/4 mx-auto flex flex-col justify-between py-24'>
<div className='grid grid-cols-2 gap-20 justify-between w-full mx-auto'>
<div className='w-full lg:w-3/4 mx-auto flex flex-col justify-between py-24'>
<div className='grid grid-cols-1 lg:grid-cols-2 gap-20 justify-between w-full mx-auto'>
<div className='w-full mr-8 flex flex-col'>
<p className='font-medium text-4xl mb-4'>Login With Your Account</p>
<div className='w-full border border-gray-200 mb-3'></div>
Expand Down
6 changes: 3 additions & 3 deletions src/components/Details.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,14 +101,14 @@ const Details = ({ savedItems, onChange }) => {
<div className='flex flex-col border-gray-200 my-6'>
<div className='flex flex-row'>
<button onClick={() => setQuantity(quantity > 1 ? quantity - 1 : 1)} className='w-12 h-12 bg-green-500 hover:bg-green-700'>
<img className='w-6 m-3' src='../images/minus.png'></img>
<img className='w-6 m-3' src='../static/images/minus.png'></img>
</button>
<p className='border border-green-500 w-24 h-12 mx-2 px-11 pt-2.5 text-lg'>{quantity}</p>
<button onClick={() => setQuantity(quantity + 1)} className='w-12 h-12 bg-green-500 hover:bg-green-700'>
<img className='w-6 m-3' src='../images/plus.png'></img>
<img className='w-6 m-3' src='../static/images/plus.png'></img>
</button>
<Link onClick={() => handleSavedItemCreation(false, true)} className=' bg-white hover:bg-gray-200 w-12 h-12 p-3 border border-gray-300 mx-2'>
<img src='../images/heart.png'></img>
<img src='../static/images/heart.png'></img>
</Link>
</div>
</div>
Expand Down
12 changes: 6 additions & 6 deletions src/components/Header.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ const Header = ({furniture, savedItems, onChange}) => {
</p>
<nav className='bg-white border border-gray-200 dark:bg-gray-900 flex justify-between p-2'>
<Link to={'/'} class="flex items-center ml-6 md:ml-24">
<img src="../images/sofa.png" class="h-8 mr-3" alt="..." />
<img src="../static/images/sofa.png" class="h-8 mr-3" alt="..." />
<span class="self-center text-md md:text-2xl font-semibold whitespace-nowrap dark:text-white">IKEA Home</span>
</Link>

Expand Down Expand Up @@ -105,13 +105,13 @@ const Header = ({furniture, savedItems, onChange}) => {
<ul className='flex flex-row space-x-3 md:space-x-6'>
<li>
<Link to={'/login'} class="block p-2 text-white rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500" aria-current="page">
<img className='h-4 md:h-8' src='../images/user.png'></img>
<img className='h-4 md:h-8' src='../static/images/user.png'></img>
</Link>
</li>
<li>
<Link onClick={() => {setWishlistIsHovered(true); setCartIsHovered(false);}}
className="block p-2 text-black rounded hover:bg-gray-100 md:hover:bg-transparent md:p-0 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">
<img className="h-4 md:h-8" src="../images/heart.png" alt="cart" />
<img className="h-4 md:h-8" src="../static/images/heart.png" alt="cart" />
{wishlistIsHovered && (
<div onMouseEnter={() => setWishlistIsHovered(true)}
onMouseLeave={() => setWishlistIsHovered(false)} className="popover absolute w-80 max-h-[75vh] bg-white rounded flex-col right-0 my-3 mx-1 drop-shadow-lg z-10 md:w-96">
Expand All @@ -138,7 +138,7 @@ const Header = ({furniture, savedItems, onChange}) => {
{item.furniture.name} ({item.quantity})
</p>
<img
src="../images/delete.png"
src="../static/images/delete.png"
className="h-4 mt-2"
onClick={() => handleDelete(item.id)}
alt="delete"
Expand All @@ -161,7 +161,7 @@ const Header = ({furniture, savedItems, onChange}) => {
onClick={() => {setCartIsHovered(true); setWishlistIsHovered(false);}}
className="block p-2 text-black rounded hover:bg-gray-100 md:hover:bg-transparent md:p-0 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700"
>
<img className="h-4 md:h-8" src="../images/cart.png" alt="cart" />
<img className="h-4 md:h-8" src="../static/images/cart.png" alt="cart" />
{cartIsHovered && (
<div onMouseEnter={() => setCartIsHovered(true)}
onMouseLeave={() => setCartIsHovered(false)} className="popover absolute w-80 max-h-[75vh] bg-white rounded flex-col right-0 my-3 mx-1 drop-shadow-lg z-10 md:w-96">
Expand Down Expand Up @@ -189,7 +189,7 @@ const Header = ({furniture, savedItems, onChange}) => {
{item.furniture.name} ({item.quantity})
</p>
<img
src="../images/delete.png"
src="../static/images/delete.png"
className="h-4 mt-2"
onClick={() => handleDelete(item.id)}
alt="delete"
Expand Down
4 changes: 2 additions & 2 deletions src/components/Listing.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ const Listing = ( {furniture} ) => {
<div className="bg-white dark:bg-gray-900 border border-gray-200 border-t-1 border-l-0 border-r-0 border-b-0">
<div className="mx-auto w-full max-w-screen px-24 py-6 lg:py-8 flex flex-row justify-center">
<button className="flex flex-row justify-between mx-10">
<img className="w-6 mx-3" src="../images/filter.png" alt="Filter icon"></img>
<img className="w-6 mx-3" src="../static/images/filter.png" alt="Filter icon"></img>
<p>Filter By</p>
</button>

Expand All @@ -51,7 +51,7 @@ const Listing = ( {furniture} ) => {
aria-haspopup="true"
aria-expanded={dropdownOpen}
>
<img src="../images/down-arrow.png" alt="Down arrow icon" className="w-6 h-6" />
<img src="../static/images/down-arrow.png" alt="Down arrow icon" className="w-6 h-6" />
</button>
{dropdownOpen && (
<ul className="bg-white absolute w-48 transform translate-y-1/3 -translate-x-1/4 rounded border-2 border-gray-300 drop-shadow-lg" aria-labelledby="filterDropdown">
Expand Down
4 changes: 2 additions & 2 deletions src/components/MovingImages.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,14 +23,14 @@ const MovingImages = () => {
<div>
<img
className="hidden"
src={isMobile ? "../images/sample-image-1-mobile.jpg" : "../images/sample-image-1.jpg"}
src={isMobile ? "../static/images/sample-image-1-mobile.jpg" : "../static/images/sample-image-1.jpg"}
alt="Slide 1"
/>
</div>
<div>
<img
className="hidden"
src={isMobile ? "../images/sample-image-2-mobile.jpg" : "../images/sample-image-2.jpg"}
src={isMobile ? "../static/images/sample-image-2-mobile.jpg" : "../static/images/sample-image-2.jpg"}
alt="Slide 2"
/>
</div>
Expand Down

0 comments on commit dddfed2

Please sign in to comment.