diff --git a/src/app/globals.css b/src/app/globals.css index e778b90..c7a9fd3 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -172,3 +172,13 @@ body { .dropdown-custom:hover { background-color: #444; } + +.dropdown-custom-maxmin { + width: 150px; + background-color: black; + color: white; + border: none; + padding: 10px; + font-size: 16px; + cursor: pointer; +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 3375c12..5dace9c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,11 +2,13 @@ import React, { useState } from 'react'; import { Box, Button, Output } from "./modules"; -import { calculate_clickMaximize, calculate_clickMinimize, downloadLP, import_click } from "./scripts" -import text from "./lang" +import { calculate_click, downloadLP, import_click } from "./scripts"; +import text from "./lang"; export default function Home() { const [language, setLanguage] = useState('eng'); + const [maxminOption, setMaxminOption] = useState('maximize'); // Zustand für den MaxMin-Switch + const tr_hTitle = text(language, 'header_title'); const tr_hSubtitle = text(language, 'header_subtitle'); const tr_boxObjTitle = text(language, 'boxObjTitle'); @@ -21,21 +23,27 @@ export default function Home() { const tr_boxExportLP = text(language, "boxExportLP"); const tr_calc_max = text(language, "maximize"); const tr_calc_min = text(language, "minimize"); + const tr_calcButton = text(language, "buttonCalc"); const handleLanguageChange = (event: React.ChangeEvent) => { setLanguage(event.target.value); }; + const handleMaxMinChange = (event: React.ChangeEvent) => { + setMaxminOption(event.target.value); // Update den Zustand basierend auf dem Wert des Selects + }; + return ( <>
{tr_hTitle} -

+
{tr_hSubtitle} -

+ +
+ + +