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

Frontend flow #13

Closed
wants to merge 3 commits into from
Closed

Frontend flow #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
19a953f
React-App [Added the signup feature]
Aman0802 Dec 13, 2020
8ce1cc0
resolved error
Aman0802 Dec 13, 2020
ce3e6c9
Delete .eslintcache
acousticclown Dec 13, 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
1 change: 0 additions & 1 deletion client/.eslintcache
View file
Open in desktop

This file was deleted.

15 changes: 0 additions & 15 deletions client/src/components/custom/RequiredDonations.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -145,21 +145,6 @@ class DataListConfig extends Component {
<DataTable
columns={columns}
data={value.length ? allData : data}
pagination
paginationServer
paginationComponent={() => (
<ReactPaginate
previousLabel={<ChevronLeft size={15} />}
nextLabel={<ChevronRight size={15} />}
breakLabel="..."
breakClassName="break-me"
pageCount={totalPages}
containerClassName="vx-pagination separated-pagination pagination-end pagination-sm mb-0 mt-2"
activeClassName="active"
forcePage={0}
onPageChange={(page) => this.handlePagination(page)}
/>
)}
noHeader
responsive
pointerOnHover
Expand Down
69 changes: 3 additions & 66 deletions client/src/components/custom/ShopContent.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,9 @@ class ShopContent extends React.Component {
};

render() {
let renderProducts = this.props.donations.map((person, i) => {
console.log(this.props.donations);
let renderProducts = this.props.donations && this.props.donations.map((person, i) => {
console.log(person)
return (
<Link to={`/support/${person.aidId}`}>
<CustomersChart
Expand All @@ -54,80 +56,15 @@ class ShopContent extends React.Component {
<Col sm="12" >
<div className="ecommerce-header-items">
<div className="result-toggler w-25 d-flex align-items-center">
{/* <div className="shop-sidebar-toggler d-block d-lg-none">
<Menu
size={26}
onClick={() => this.props.mainSidebar(true)}
/>
</div> */}
<div className="search-results">16285 Results Found</div>
</div>
{/* <div className="view-options d-flex justify-content-end w-75">
<Select
className="React-Select"
classNamePrefix="select"
defaultValue={sortOptions[0]}
name="sort"
options={sortOptions}
/>
</div> */}
</div>
</Col>
{/* <Col sm="12">
<div className="ecommerce-searchbar mt-1">
<FormGroup className="position-relative">
<Input
className="search-product"
placeholder="Search Here..."
/>
<div className="form-control-position">
<Search size={22} />
</div>
</FormGroup>
</div>
</Col> */}
<Col sm="12">
<div id="ecommerce-products" className={this.state.view}>
{renderProducts}
</div>
</Col>
<Col sm="12">
<div className="ecommerce-pagination">
<Pagination className="d-flex justify-content-center mt-2">
<PaginationItem className="prev-item">
<PaginationLink href="#" first>
<ChevronLeft />
</PaginationLink>
</PaginationItem>
<PaginationItem active>
<PaginationLink href="#">1</PaginationLink>
</PaginationItem>
<PaginationItem>
<PaginationLink href="#">2</PaginationLink>
</PaginationItem>
<PaginationItem>
<PaginationLink href="#">3</PaginationLink>
</PaginationItem>
<PaginationItem>
<PaginationLink href="#">4</PaginationLink>
</PaginationItem>
<PaginationItem>
<PaginationLink href="#">5</PaginationLink>
</PaginationItem>
<PaginationItem>
<PaginationLink href="#">6</PaginationLink>
</PaginationItem>
<PaginationItem>
<PaginationLink href="#">7</PaginationLink>
</PaginationItem>
<PaginationItem href="#" className="next-item">
<PaginationLink href="#" last>
<ChevronRight />
</PaginationLink>
</PaginationItem>
</Pagination>
</div>
</Col>
</Row>
</div>
);
Expand Down
Loading