Ignore:
Timestamp:
08/24/22 17:11:52 (2 years ago)
Author:
Danilo <danilo.najkov@…>
Branches:
master
Children:
d86edb7
Parents:
a569b7c
Message:

reviews pagination

File:
1 edited

Legend:

Unmodified
Added
Removed
  • frontend/src/Dashboard/Review.js

    ra569b7c r63f5ced  
    11import React, {useEffect, useState} from 'react'
    2 import {Button, Card, Input, List, notification, Rate, Spin, Tooltip} from "antd";
     2import {Button, Card, Input, List, notification, Pagination, Rate, Spin, Tooltip} from "antd";
    33import axios from "axios";
    44import env from "../env";
     
    66
    77const Review = props => {
    8     const [restaurant, setRestaurant] = useState({});
     8    const [reviews, setReviews] = useState([]);
     9    const [restaurant, setRestaurant] = useState({})
    910    const [loading, setLoading] = useState(true);
     11    const [reviewSize, setReviewSize] = useState(0)
     12
    1013
    1114    useEffect(()=> {
     
    1821    },[props.refresh])
    1922
    20     const getRestaurant = () => {
     23
     24    const getRestaurant = (pg = 1, size = 5) => {
     25        axios.get(env.api + 'Reviews/count',).then(res=>{
     26            setReviewSize(res.data);
     27        });
    2128        axios.get(env.api + 'Restaurants').then(res=>{
    2229            setRestaurant(res.data);
    23             setLoading(false);
     30            console.log(pg, size)
     31            axios.get(env.api + 'Reviews',{params:{page:pg-1, pageSize: size}}).then(res=>{
     32                setReviews(res.data);
     33                setLoading(false);
     34            });
    2435        });
    2536    }
     
    4556                <div>
    4657                    <div style={{backgroundColor: 'white',padding:'10px', border:'1px solid lightgray', borderTop: 'none'}}>
    47                         <h3>Средна оценка: <Rate disabled allowHalf value={restaurant.averageReview}/> од вкупно {restaurant.reviews.length} оценки</h3>
     58                        <h3>Средна оценка: <Rate disabled allowHalf value={restaurant.averageReview}/> од вкупно {reviewSize} оценки</h3>
    4859                    </div>
    49                     <List dataSource={restaurant.reviews} itemLayout={'horizontal'} locale={{emptyText:'Нема оставени оценки за овој ресторан'}}
     60                    <List dataSource={reviews} itemLayout={'horizontal'} locale={{emptyText:'Нема оставени оценки за овој ресторан'}}
    5061                          renderItem={item => (
    5162                              <Card title={item.title} style={{width:'98%',backgroundColor:'white',margin:'1%'}}>
     
    5566                              </Card>
    5667                          )}/>
     68                    <div style={{paddingBottom:'20px', textAlign:'center'}}>
     69                        <Pagination defaultPageSize={5} total={reviewSize} onChange={(pg,size)=>getRestaurant(pg,size)} showSizeChanger pageSizeOptions={[5,10,20,50]}/>
     70                    </div>
    5771                </div>
    58 
    5972            }
    6073        </div>
Note: See TracChangeset for help on using the changeset viewer.