refactor file structure

2023-02-10 18:08:18 +05:00
parent 031715d982
commit 15193827a1
23 changed files with 62 additions and 46 deletions
@@ -0,0 +1,53 @@
+import { useEffect } from "react";
+import { calcSlice } from "../../store/reducers/calcSlice";
+import { useSelector, useDispatch } from "react-redux";
+
+import { InputSelect } from "../InputSelect/InputSelect";
+import { InputNumber } from "../InputNumber/InputNumber";
+import { AveragePriceApartment } from "./components/AveragePriceApartment/AveragePriceApartment";
+import { AverageSquareApartment } from "./components/AverageSquareApartment/AverageSquareApartment";
+import { ConsultationOffice } from "./components/ConsultationOffice/ConsultationOffice";
+import { ConsultationReserv } from "./components/ConsultationReserv/ConsultationReserv";
+import { Sales } from "./components/Sales/Sales";
+import { ResultBlock } from "../ResultBlock/ResultBlock";
+
+const INITIAL_REGION = "e5b7edfb-17ec-475f-8631-bc796ad19909";
+
+export const CalculatorComponent = ({ }) => {
+    const dispatch = useDispatch();
+    const { handleSelectRegion, handleOptions, handleValue } = calcSlice.actions;
+    const { selectedRegion, filteredList, squareRC } = useSelector(
+        (state) => state.calcReducer
+    );
+
+    useEffect(() => {
+        dispatch(handleSelectRegion(INITIAL_REGION));
+        dispatch(handleOptions());
+    }, []);
+
+    const handleSelect = (element) => {
+        dispatch(handleSelectRegion(element.id));
+    };
+
+    return (
+        <>
+            <div className="input-container-main">
+                <InputSelect
+                    option={filteredList}
+                    handleSelect={handleSelect}
+                    selectedValue={selectedRegion}
+                ></InputSelect>
+                <InputNumber handleState={handleValue} number={squareRC}></InputNumber>
+                <AverageSquareApartment></AverageSquareApartment>
+                <AveragePriceApartment></AveragePriceApartment>
+            </div>
+            <div className="input-container-second">
+                <ConsultationOffice></ConsultationOffice>
+                <ConsultationReserv></ConsultationReserv>
+                <Sales></Sales>
+                <ResultBlock></ResultBlock>
+            </div>
+
+        </>
+    );
+};