Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Picture discription panel #11

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Picture discription panel #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
c88aee5
still no progress
ItsMeAbby Aug 13, 2020
93fedc1
Picture description
ItsMeAbby Aug 13, 2020
731fbde
Fix merge conflict
ItsMeAbby Aug 13, 2020
6645a06
states added only in kurti card
ItsMeAbby Aug 13, 2020
088a1a9
some finishing
ItsMeAbby Aug 13, 2020
84f7354
Deleting file
sarahmajeed Aug 14, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 21 additions & 25 deletions src/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,24 +1,21 @@
import React from 'react';
import './App.scss';
import { Route } from 'react-router-dom';
import HomePage from './pages/HomePage/HomePage';
import Signup from './components/Signup/Signup';
import Signin from './components/Signin/Signin';
import WomenKurtis from './components/WomenKurtis/WomenKurtis';
import WomenTrousers from './components/WomenTrousers/WomenTrousers'
import MenPants from './components/MenPants/MenPants'
import MenShirts from './components/MenShirts/MenShirts'
import MenKurta from './components/MenKurta/MenKurta'
import Accessories from './components/Accessories/Accessories'
import About from './pages/About/About';
import Navbar from './components/Navbar/Navbar';
import { useState } from 'react';
import React from "react";
import "./App.scss";
import { Route } from "react-router-dom";
import HomePage from "./pages/HomePage/HomePage";
import Signup from "./components/Signup/Signup";
import Signin from "./components/Signin/Signin";
import WomenKurtis from "./components/WomenKurtis/WomenKurtis";
import WomenTrousers from "./components/WomenTrousers/WomenTrousers";
import MenPants from "./components/MenPants/MenPants";
import MenShirts from "./components/MenShirts/MenShirts";
import MenKurta from "./components/MenKurta/MenKurta";
import Accessories from "./components/Accessories/Accessories";
import About from "./pages/About/About";
import Navbar from "./components/Navbar/Navbar";
import { useState } from "react";

function App() {


return (

<div className="App">
<Navbar />
{/* importing homepage route */}
Expand All @@ -27,13 +24,12 @@ function App() {
<Route exact path="/signup" render={() => <Signup />} />
<Route exact path="/signin" render={() => <Signin />} />
<Route exact path="/about" render={() => <About />} />
<Route exact path='/women/kurtis' render={() => <WomenKurtis />} />
<Route exact path='/women/trousers' render={() => <WomenTrousers />} />
<Route exact path='/men/pants' render={() => <MenPants />} />
<Route exact path='/men/shirts' render={() => <MenShirts />} />
<Route exact path='/men/kurta' render={() => <MenKurta />} />
<Route exact path='/accessories' render={() => <Accessories />} />

<Route exact path="/women/kurtis" render={() => <WomenKurtis />} />
<Route exact path="/women/trousers" render={() => <WomenTrousers />} />
<Route exact path="/men/pants" render={() => <MenPants />} />
<Route exact path="/men/shirts" render={() => <MenShirts />} />
<Route exact path="/men/kurta" render={() => <MenKurta />} />
<Route exact path="/accessories" render={() => <Accessories />} />

{/* Footer */}
<footer className="footer">
Expand Down
27 changes: 0 additions & 27 deletions src/components/KurtiCard/KurtiCard.js
View file
Open in desktop

This file was deleted.

109 changes: 109 additions & 0 deletions src/components/PictureDiscription/PictureDiscription.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,109 @@
import React from "react";
import "./PictureDiscription.scss";

const PictureDiscription = ({ data, visible, setVisible }) => {
const productData = data;

const GoBack = () => {
setVisible(false);
};

return (
<body>
{visible ? (
<div class="lightbox-blanket">
<div class="pop-up-container">
<div class="pop-up-container-vertical">
<div class="pop-up-wrapper">
<div class="go-back" onClick={GoBack}>
<i class="fa fa-arrow-left"></i>
</div>
<div class="product-details">
<div class="product-left">
<div class="product-info">
<div class="product-manufacturer">ELEGANT</div>
<div class="product-title">{productData.title}</div>
<div class="product-price">
{productData.price}
<span class="product-price-cents">00</span>
</div>
</div>
<div class="product-image">
<img src={productData.image} alt="1" />
</div>
</div>
<div class="product-right">
<div class="product-description">
Designer Karim Rashid continues to put his signature spin
on all genres of design through various collaborations
with top-notch companies. Another one to add to the win
column is his work with Italian manufacturer Chateau d’Ax.
</div>
<div class="product-available">
In stock.{" "}
<span class="product-extended">
<a href="#">Buy Extended Warranty</a>
</span>
</div>
<div class="product-rating">
<i class="fa fa-star rating" star-data="1"></i>
<i class="fa fa-star rating" star-data="2"></i>
<i class="fa fa-star rating" star-data="3"></i>
<i class="fa fa-star" star-data="4"></i>
<i class="fa fa-star" star-data="5"></i>
<div class="product-rating-details">
(3.1 - <span class="rating-count">1203</span> reviews)
</div>
</div>
<div class="product-quantity">
<label
for="product-quantity-input"
class="product-quantity-label"
>
Quantity
</label>
<div class="product-quantity-subtract">
<i class="fa fa-chevron-left"></i>
</div>
<div>
<input
type="text"
id="product-quantity-input"
placeholder="0"
value="0"
/>
</div>
<div class="product-quantity-add">
<i class="fa fa-chevron-right"></i>
</div>
</div>
</div>
<div class="product-bottom">
<div class="product-checkout">
Total Price
<div class="product-checkout-total">
<i class="fa fa-usd"></i>
<div class="product-checkout-total-amount">0.00</div>
</div>
</div>
<div class="product-checkout-actions">
<a
class="add-to-cart"
href="#"
onclick="AddToCart(event);"
>
Add to Cart
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
) : null}
</body>
);
};

export default PictureDiscription;
Loading