diff --git a/public/wiercenie_sandvik.webp b/public/wiercenie_sandvik.webp new file mode 100644 index 0000000..5536ce4 Binary files /dev/null and b/public/wiercenie_sandvik.webp differ diff --git a/src/features/Home/HomePage.tsx b/src/features/Home/HomePage.tsx index d7be86e..0bcd6ab 100644 --- a/src/features/Home/HomePage.tsx +++ b/src/features/Home/HomePage.tsx @@ -5,11 +5,20 @@ import Slider from "../../components/Slider"; import useLocalStorage from "../../components/useLocalStorage"; import { Database, Tool, ToolParams, toolsDatabase } from "../../toolsDatabase"; +const initialInputs = { + rodzajFrezowania: 1, + rodzajObrobki: 0, + material: 1, + glebokoscSkrawania: 5, + szerokoscSkrawania: 20, + tolerancja: 3, + chropowatosc: 5, +}; const frezowaniaOpcje = { name: "rodzajFrezowania", label: "Rodzaj Frezowania", - options: ["Czołowe", "Walcowo Czołowe", "Rowków"], - images: ["/czolowe_sandvik.webp", "/walcowo-czolowe_sandvik.webp", "/rowkowe_sandvik.webp"], + options: ["Czołowe", "Walcowo Czołowe", "Rowków", "Wiercenie"], + images: ["/czolowe_sandvik.webp", "/walcowo-czolowe_sandvik.webp", "/rowkowe_sandvik.webp", "/wiercenie_sandvik.webp"], }; const dropdowns = [ { @@ -47,17 +56,7 @@ const HomePage = () => { // ----------------------------- STATE ----------------------------- // Załadowanie narzędzi z pliku do localStorage (tylko raz) w celu modyfikowania narzędzi const [toolsDB, setToolsDB] = useLocalStorage("tools", toolsDatabase); - const [input, setInput] = useState({ - // lists - rodzajFrezowania: 0, - rodzajObrobki: 0, - material: 0, - // variables - glebokoscSkrawania: Math.floor(Math.random() * 50 + 1), - szerokoscSkrawania: Math.floor(Math.random() * 50 + 1), - tolerancja: 0, - chropowatosc: 0, - }); // Parametry szukania + const [input, setInput] = useState(initialInputs); // Parametry szukania const [result, setResult] = useLocalStorage("results", []); // Znalazione narzędzie const [searching, setSearching] = useState(false); // Status wyszukiwania const [notFound, setNotFound] = useState(false); // Status znalezienia @@ -105,24 +104,6 @@ const HomePage = () => { } setSearching(false); }, [searching, checkInputInDatabse, input]); - // Set default input - useEffect(() => { - setInput({ - // lists - rodzajFrezowania: 1, - rodzajObrobki: 0, - material: 1, - // variables - glebokoscSkrawania: 5, - szerokoscSkrawania: 20, - tolerancja: 3, - chropowatosc: 2, - }); - return () => { - setResult(null); - }; - // eslint-disable-next-line react-hooks/exhaustive-deps - }, []); // ----------------------------- RENDER ---------------------------- return ( <> @@ -131,7 +112,7 @@ const HomePage = () => {
-
+
{frezowaniaOpcje.options.map((option, index) => (
{