45 lines
1.5 KiB
JavaScript
45 lines
1.5 KiB
JavaScript
import { Component } from "react";
|
|
|
|
import Slider from "../slider/slider";
|
|
import Universe from "../universe/universe";
|
|
import "./css/main.css";
|
|
import searchLogo from "./img/search.svg";
|
|
|
|
class Main extends Component {
|
|
state = {
|
|
universeData: [],
|
|
};
|
|
|
|
render() {
|
|
return (
|
|
<section className="universe">
|
|
<div className="container container_flex">
|
|
<div className="row">
|
|
<div className="universe_input_block col-md-12">
|
|
<input
|
|
type="text"
|
|
className="universe_input"
|
|
placeholder="Введите название вуза или суза..."
|
|
/>
|
|
<img
|
|
src={searchLogo}
|
|
alt="search"
|
|
className="universe_search"
|
|
/>
|
|
</div>
|
|
|
|
<section className="universe-section">
|
|
{/* Генерация университетов из списка на основе пропсов*/}
|
|
<Universe />
|
|
</section>
|
|
</div>
|
|
</div>
|
|
{/* Переключение активного слайдера в зависимости от секции */}
|
|
<Slider />
|
|
</section>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Main;
|