c7fbb630-547d-4581-8fdb-2d71eea28a25

Committed 09 Jul 2024 12:18AM UTC coverage: 85.346% (+0.9%) from 84.42%

Build # c7fbb630-547d-4581-8fdb-2d71eea28a25

Build Type

Pull #41

circleci

Committed by

RWEMAREMY

Commit Message

the seller can update status

the seller can update the status and the buyer can get changes

Pull Request Pull Request #41: Ft vieworder updateorder status 187300125

Run Details

171 of 222 branches covered (77.03%)

Branch coverage included in aggregate %.

177 of 219 new or added lines in 4 files covered. (80.82%)

64 existing lines in 4 files now uncovered.

2281 of 2651 relevant lines covered (86.04%)

1.69 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

95.83

/src/components/pagination/Pagination.tsx

'use client';

import React from 'react';
import { GrFormNextLink, GrFormPreviousLink } from 'react-icons/gr';

interface PaginationProps {
  totalItems: number;
  itemsPerPage: number;
  currentPage: number;
  onPageChange: (page: number) => void;
}

const Pagination: React.FC<PaginationProps> = ({
  totalItems,
  itemsPerPage,
  currentPage,
  onPageChange
}) => {
  const totalPages = Math.ceil(totalItems / itemsPerPage);

  const handlePrevious = () => {
    if (currentPage > 1) {
      onPageChange(currentPage - 1);
    }
  };

  const handleNext = () => {
    if (currentPage < totalPages) {
      onPageChange(currentPage + 1);
    }
  };

  const handlePageClick = (page: number) => {
    if (page != currentPage) {
      onPageChange(page);
    }
  };

  const renderPageNumbers = () => {
    const pageNumbers = [];

    let startNumber, endNumber;

    if (currentPage < 2) {
      startNumber = 1;
      endNumber = Math.min(totalPages, currentPage + 2);
    } else if (currentPage == totalPages) {
      startNumber = Math.max(totalPages - 2, 1);
      endNumber = totalPages;
    } else {
      startNumber = currentPage - 1;
      endNumber = currentPage + 1;
    }

    for (let i = startNumber; i <= endNumber; i++) {
      pageNumbers.push(
        <button
          key={i}
          onClick={() => handlePageClick(i)}
          className={`mx-0.5 px-2 py-1 border rounded-full hover:bg-main-300 hover:text-main-100 text-xs cursor-pointer ${
            i === currentPage
              ? 'bg-main-400 text-main-100'
              : 'bg-main-100 text-main-400'
          }`}
        >
          {i}
        </button>
      );
    }

    return pageNumbers;
  };

  return (
    <div className="flex justify-center items-center mt-4">
      <button
        onClick={handlePrevious}
        className={`mx-1 px-2 py-1 flex items-center gap-1 border cursor-pointer text-xs rounded-md hover:bg-main-300 hover:text-main-100  ${
          currentPage === 1
            ? 'bg-gray-300 cursor-not-allowed'
            : 'bg-main-100 text-main-400'
        }`}
        disabled={currentPage === 1}
      >
        <GrFormPreviousLink />
        Previous
      </button>
      {renderPageNumbers()}
      <button
        onClick={handleNext}
        className={`mx-1 px-2 py-1 flex items-center gap-1 border cursor-pointer text-xs rounded-md hover:bg-main-300 hover:text-main-100 ${
          currentPage === totalPages
            ? 'bg-gray-300 cursor-not-allowed'
            : 'bg-main-100 text-main-400'
        }`}
        disabled={currentPage === totalPages}
      >
        Next
        <GrFormNextLink />
      </button>
    </div>
  );
};

export default Pagination;

1	'use client';	1✔
2		1✔
3	import React from 'react';	1✔
4	import { GrFormNextLink, GrFormPreviousLink } from 'react-icons/gr';	1✔
5		1✔
6	interface PaginationProps {	1✔
7	totalItems: number;	1✔
8	itemsPerPage: number;	1✔
9	currentPage: number;	1✔
10	onPageChange: (page: number) => void;	1✔
11	}	1✔
12		1✔
13	const Pagination: React.FC<PaginationProps> = ({	1✔
14	totalItems,	4✔
15	itemsPerPage,	4✔
16	currentPage,	4✔
17	onPageChange	4✔
18	}) => {	4✔
19	const totalPages = Math.ceil(totalItems / itemsPerPage);	4✔
20		4✔
21	const handlePrevious = () => {	4✔
22	if (currentPage > 1) {	1✔
23	onPageChange(currentPage - 1);	1✔
24	}	1✔
25	};	1✔
26		4✔
27	const handleNext = () => {	4✔
28	if (currentPage < totalPages) {	1✔
29	onPageChange(currentPage + 1);	1✔
30	}	1✔
31	};	1✔
32		4✔
33	const handlePageClick = (page: number) => {	4✔
34	if (page != currentPage) {	1✔
35	onPageChange(page);	1✔
36	}	1✔
37	};	1✔
38		4✔
39	const renderPageNumbers = () => {	4✔
40	const pageNumbers = [];	4✔
41		4✔
42	let startNumber, endNumber;	4✔
43		4✔
44	if (currentPage < 2) {	4✔
45	startNumber = 1;	3✔
46	endNumber = Math.min(totalPages, currentPage + 2);	3✔
47	} else if (currentPage == totalPages) {	4!
48	startNumber = Math.max(totalPages - 2, 1);	×
49	endNumber = totalPages;	×
50	} else {	1✔
51	startNumber = currentPage - 1;	1✔
52	endNumber = currentPage + 1;	1✔
53	}	1✔
54		4✔
55	for (let i = startNumber; i <= endNumber; i++) {	4✔
56	pageNumbers.push(	12✔
57	<button	12✔
58	key={i}	12✔
59	onClick={() => handlePageClick(i)}	12✔
60	className={`mx-0.5 px-2 py-1 border rounded-full hover:bg-main-300 hover:text-main-100 text-xs cursor-pointer ${	12✔
61	i === currentPage	12✔
62	? 'bg-main-400 text-main-100'	4✔
63	: 'bg-main-100 text-main-400'	8✔
64	}`}	12✔
65	>	12✔
66	{i}	12✔
67	</button>	12✔
68	);	12✔
69	}	12✔
70		12✔
71	return pageNumbers;	12✔
72	};	12✔
73		4✔
74	return (	4✔
75	<div className="flex justify-center items-center mt-4">	4✔
76	<button	4✔
77	onClick={handlePrevious}	4✔
78	className={`mx-1 px-2 py-1 flex items-center gap-1 border cursor-pointer text-xs rounded-md hover:bg-main-300 hover:text-main-100 ${	4✔
79	currentPage === 1	4✔
80	? 'bg-gray-300 cursor-not-allowed'	3✔
81	: 'bg-main-100 text-main-400'	1✔
82	}`}	4✔
83	disabled={currentPage === 1}	4✔
84	>	4✔
85	<GrFormPreviousLink />	4✔
86	Previous	4✔
87	</button>	4✔
88	{renderPageNumbers()}	4✔
89	<button	4✔
90	onClick={handleNext}	4✔
91	className={`mx-1 px-2 py-1 flex items-center gap-1 border cursor-pointer text-xs rounded-md hover:bg-main-300 hover:text-main-100 ${	4✔
92	currentPage === totalPages	4!
UNCOV 93	? 'bg-gray-300 cursor-not-allowed'	×
94	: 'bg-main-100 text-main-400'	4✔
95	}`}	4✔
96	disabled={currentPage === totalPages}	4✔
97	>	4✔
98	Next	4✔
99	<GrFormNextLink />	4✔
100	</button>	4✔
101	</div>	4✔
102	);	4✔
103	};	4✔
104		1✔
105	export default Pagination;	1✔

atlp-rwanda / alpha-ec-fe / c7fbb630-547d-4581-8fdb-2d71eea28a25

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous