first commit

src/App.tsx

@@ -0,0 +1,47 @@
+import "./App.css";
+import { Header } from "./components/header/header";
+import React, { useState } from "react";
+import moment, { Moment } from "moment";
+import "moment/locale/ru";
+import { Mapblock } from "./components/mapblock/mapblock";
+import { SliderComponent } from "./components/sliderComponent/sliderComponent";
+import { Calendar } from "./components/calendar/calendar";
+import { Multiplayer } from "./components/multiplayer/multiplayer";
+import { Devices } from "./components/devices/devices";
+import { Analytics } from "./components/analytics/analytics";
+export type TObjct = {
+  calendar: boolean;
+  timePicker: boolean;
+  form: boolean;
+};
+function App() {
+  const [time, setTime] = useState(moment());
+  const [next, setNext] = useState({
+    calendar: true,
+    timePicker: false,
+    form: false,
+  });
+
+  function updateTime(value: Moment) {
+    setTime(value);
+  }
+  function navigationHandler(value: TObjct) {
+    setNext(value);
+  }
+
+  console.log(time);
+
+  return (
+    <div className="App">
+      <Header />
+      <Mapblock />
+      <SliderComponent />
+      <Calendar setOpen={navigationHandler} open={next} time={time} onUpdate={updateTime}></Calendar>
+      <Multiplayer />
+      <Devices />
+      <Analytics />
+    </div>
+  );
+}
+
+export default App;