import React from "react"; import Head from "next/head"; import Image from "next/image"; import { connect } from "react-redux"; import { withRouter } from "next/router"; import moment from "moment"; import { SpinnerCircular } from "spinners-react"; import { reduxWrapper } from "../store"; import Header from "./components/Header"; import Footer from "./components/Footer"; import Company from "./components/Company"; import InnerMenu from "./components/Events/InnerMenu"; import NotificationMessage from "./components/Events/NotificationMessage"; import { getFilteredEvents } from "../actions"; class EventsPage extends React.Component { constructor(props) { super(props); this.state = { events: [], events_loaded: false, filtered: undefined, type: undefined, loading: false, search: "" }; } static getDerivedStateFromProps(nextProps, prevState) { return { events: nextProps.events, events_loaded: nextProps.events_loaded, filtered: nextProps.filtered, }; } componentDidMount() { } componentDidUpdate(prevProps, prevState) { const hash = this.props.router.asPath.split('#')[1]; if(this.state.type !== hash) { this.setState({ type: hash }, () => { this._filterEvents(); }); } } _handle_onChange_search = (value) => { this.setState({ search: value }); } _handle_onSearch = () => { this._filterEvents(); } _filterEvents = () => { console.log("_filterEvents"); const { type, search } = this.state; getFilteredEvents({ dispatch: this.props.dispatch, type, search }); } render() { const { loading, search, events, events_loaded, filtered } = this.state; return ( ЛК Эволюция автолизинга

События

{ event.preventDefault(); } }>
{ this._handle_onChange_search(event.target.value); } }/>
{ events_loaded && ( <> { filtered !== undefined ? ( <> { filtered.length > 0 ? (
    { filtered.map((event, index) => ( )) }
) : (

Нет событий по выбранным условиям.

) } ) : ( <> { events.length > 0 ? (
    { events.map((event, index) => ( )) }
) : (

У Вас нет событий по договорам.

) } )} ) } {/*}

  • Внимание! { events_loaded === true ? "events_loaded" : "!!!events_loaded" } Просрочена дата возврата СТС по договору: ХХ.ХХ.ХХХХ

    Важное

    10.01.2022

    Посмотрите порядок возврата СТС  или  Загрузите скан СТС

    • {*/} {/*}

  • Внимание! Просрочена дата возврата СТС по договору: ХХ.ХХ.ХХХХ

    10.01.2022

    Посмотрите порядок возврата СТС  или  Загрузите скан СТС

    • {*/} {/*}

  • Внимание! Осталось ХХ дней до пролонгации КАСКО по договору №ХХХХ: ХХ.ХХ.ХХХХ. Не забудьте самостоятельно продлить полис ОСАГО

    10.01.2022

    Подробнее

    • {*/}