error boundary and table pagination
This commit is contained in:
parent
6afccb19d8
commit
2a5991da1f
@ -1,4 +1,5 @@
|
||||
import React, { Component } from "react";
|
||||
|
||||
import { Fallback } from "./Fallback";
|
||||
|
||||
class ErrorBoundary extends Component {
|
||||
|
@ -1,17 +1,16 @@
|
||||
import React from "react";
|
||||
import logo from "assets/images/logo/ITguild.svg";
|
||||
|
||||
import rightArrow from "assets/icons/arrows/arrowRight.svg";
|
||||
import logo from "assets/images/logo/ITguild.svg";
|
||||
|
||||
import './fallback.scss'
|
||||
import "./fallback.scss";
|
||||
|
||||
export const Fallback = () => {
|
||||
|
||||
return (
|
||||
<div className="fallback">
|
||||
<img src={logo} alt="logo" className="logo" />
|
||||
<h1>Произошла непредвиденная ошибка</h1>
|
||||
<a href='/profile'>
|
||||
<a href="/profile">
|
||||
Вернуться назад
|
||||
<img src={rightArrow} alt="arrow" />
|
||||
</a>
|
||||
|
@ -1,9 +1,9 @@
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom/client";
|
||||
import { Provider } from "react-redux";
|
||||
import ErrorBoundary from "./hoc/ErrorBoundary";
|
||||
|
||||
import App from "./App";
|
||||
import ErrorBoundary from "./hoc/ErrorBoundary";
|
||||
import "./index.css";
|
||||
import { store } from "./store/store";
|
||||
|
||||
|
@ -1,5 +1,6 @@
|
||||
import { getTheme } from "@table-library/react-table-library/baseline";
|
||||
import { CompactTable } from "@table-library/react-table-library/compact";
|
||||
import { usePagination } from "@table-library/react-table-library/pagination";
|
||||
import { useSort } from "@table-library/react-table-library/sort";
|
||||
import { useTheme } from "@table-library/react-table-library/theme";
|
||||
import React, { useEffect, useState } from "react";
|
||||
@ -14,7 +15,6 @@ import { Loader } from "@components/Common/Loader/Loader";
|
||||
import { Navigation } from "@components/Navigation/Navigation";
|
||||
import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
|
||||
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
|
||||
import { usePagination } from "@table-library/react-table-library/pagination";
|
||||
|
||||
import rightArrow from "assets/icons/arrows/arrowRight.svg";
|
||||
|
||||
@ -105,7 +105,7 @@ export const PartnerCategories = () => {
|
||||
const pagination = usePagination(data, {
|
||||
state: {
|
||||
page: 0,
|
||||
size: 5,
|
||||
size: 5
|
||||
}
|
||||
});
|
||||
|
||||
@ -270,7 +270,9 @@ export const PartnerCategories = () => {
|
||||
pagination={pagination}
|
||||
/>
|
||||
<div className="table__pagination">
|
||||
<span>Total Pages: {pagination.state.getTotalPages(data.nodes)}</span>
|
||||
<span>
|
||||
Total Pages: {pagination.state.getTotalPages(data.nodes)}
|
||||
</span>
|
||||
|
||||
<span className="table__pages">
|
||||
Page:{" "}
|
||||
@ -279,7 +281,8 @@ export const PartnerCategories = () => {
|
||||
key={index}
|
||||
type="button"
|
||||
style={{
|
||||
fontWeight: pagination.state.page === index ? "bold" : "normal",
|
||||
fontWeight:
|
||||
pagination.state.page === index ? "bold" : "normal"
|
||||
}}
|
||||
onClick={() => pagination.fns.onSetPage(index)}
|
||||
>
|
||||
|
Loading…
Reference in New Issue
Block a user