From db1795d7d28005ef1829731c6195f115f39486e1 Mon Sep 17 00:00:00 2001
From: rxf <rexfue@gmail.com>
Date: Fri, 24 Oct 2025 00:18:40 +0200
Subject: [PATCH] BesucherAnzahl und BarSpende === gleiche Componente Abh. von
 isBar Anzeige der Barspende

---
 src/App.jsx                                           | 11 ++++++++---
 .../{BesucherAnzahl.jsx => BesucherBar.jsx}           |  7 ++++---
 2 files changed, 12 insertions(+), 6 deletions(-)
 rename src/components/{BesucherAnzahl.jsx => BesucherBar.jsx} (58%)

diff --git a/src/App.jsx b/src/App.jsx
index 1984008..7d3ceac 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,6 +1,6 @@
 import './App.css'
 import FandStatt from './components/FandStatt.jsx'
-import BesucherAnzahl from './components/BesucherAnzahl.jsx'
+import BesucherBar from './components/BesucherBar.jsx'
 import Spende from './components/Spende.jsx'
 import LastLine from './components/LastLine.jsx'
 import Bemerkungen from './components/Bemerkungen.jsx'
@@ -12,8 +12,12 @@ function App() {
   const name = "Meiehofer"
   const version = "1.0.0"
   const vdate = "2025-11-23"
+  const isBar = true;
 
-  console.log("Render")
+  let withBar = null
+  if (isBar) {
+    withBar = <BesucherBar title="Höhe der Barspende" euro="€" />
+  }
 
   return (
     <>
@@ -26,8 +30,9 @@ function App() {
           <h3 className="nachbearbeitung">Nachbearbeitung</h3>
         </div>
         <FandStatt />
-        <BesucherAnzahl />
+        <BesucherBar title="Besucher-Anzahl" euro="" />
         <Spende />
+        {withBar}
         <Bemerkungen />
         <LastButtons />
         <LastLine version={version} vdate={vdate} />
diff --git a/src/components/BesucherAnzahl.jsx b/src/components/BesucherBar.jsx
similarity index 58%
rename from src/components/BesucherAnzahl.jsx
rename to src/components/BesucherBar.jsx
index b90fa82..fdc99aa 100644
--- a/src/components/BesucherAnzahl.jsx
+++ b/src/components/BesucherBar.jsx
@@ -1,11 +1,12 @@
-export default function BesucherAnzahl() {
+export default function BesucherBar({title, euro}) {
 
     return(
 
-        <section id="besucheranzahl">
-            <h3>Besucher-Anzahl:</h3>
+        <section id="besucherbar">
+            <h3>{title}:</h3>
             <div className="besadiv">
                     <input className="infeld"  />
+                    &nbsp;&nbsp;{euro}
                     <button className="okbutton">OK</button>
             </div>
         </section>