@@ -574,61 +391,104 @@ ImportModal.propTypes = {
isLoading: PropTypes.bool.isRequired,
errorMessage: PropTypes.string
};
-
-
-export const NoDataFound = () => {
+const NormalDropdown = ({
+ limit,
+ onLimitChange,
+ pageOptions,
+ isDropdownOpen,
+ toggleDropdown,
+ 'data-testid': dataTestId
+}) => {
return (
-
-
Nothing is found based on your search query. Please try again.
+
+
+
+ {pageOptions?.map((option) => (
+ - {
+ onLimitChange(option.value);
+ toggleDropdown();
+ }}
+ >
+ {`${option.value} per page`}
+
+ ))}
+
);
};
-
-NoDataFound.propTypes = {};
-
-NormalDropdown.propTypes = {
- limit: PropTypes.number.isRequired,
- onLimitChange: PropTypes.func.isRequired,
- pageOptions: PropTypes.arrayOf(
- PropTypes.shape({
- value: PropTypes.number.isRequired,
- label: PropTypes.string
- })
- ),
- isDropdownOpen: PropTypes.bool.isRequired,
- toggleDropdown: PropTypes.func.isRequired,
- 'data-testid': PropTypes.string
-};
-
-TableFooter.propTypes = {
- limit: PropTypes.number.isRequired,
- activePage: PropTypes.number.isRequired,
- totalCount: PropTypes.number.isRequired,
- handlePageChange: PropTypes.func.isRequired,
- onLimitChange: PropTypes.func.isRequired,
- pageOptions: PropTypes.arrayOf(
- PropTypes.shape({
- value: PropTypes.number.isRequired,
- label: PropTypes.string
- })
- ),
- isDropdownOpen: PropTypes.bool.isRequired,
- toggleDropdown: PropTypes.func.isRequired,
- dataTestId: PropTypes.string
+export const TableFooter = ({
+ limit,
+ activePage,
+ totalCount,
+ handlePageChange,
+ onLimitChange,
+ pageOptions,
+ isDropdownOpen,
+ toggleDropdown,
+ dataTestId="table-footer"
+}) => {
+ return (
+
+
+
+
+ Showing {limit * activePage - (limit - 1)} to
+ {Math.min(limit * activePage, totalCount)} of
+ {totalCount}
+
+
+ |
+
+
+
+ {activePage}
+
+
+ |
+ {pageOptions && (
+
+
+ |
+ )}
+
+ );
};
-AngleLeftIcon.propTypes = {
- onClick: PropTypes.func,
- dataTestId: PropTypes.string
-};
-SortIcon.propTypes = {
- onClick: PropTypes.func,
- downIconClick: PropTypes.func,
- disabled: PropTypes.bool,
- dataTestId: PropTypes.string
+export const NoDataFound = ({message,dataTestId}) => {
+ return (
+
+ {message}
+
+ );
};
+NoDataFound.propTypes = {};
export const ConfirmModal = ({show,
@@ -649,7 +509,7 @@ export const ConfirmModal = ({show,
secondoryBtnariaLabel = 'Cancel Button',
secondaryBtnLoading= false}) => {
return (
-