<!-- /docs/components/uiWidgets/VersionInfoModal.md -->

# 🪪 VersionInfoModal.js

Das `VersionInfoModal` ist ein modales Fenster zur Anzeige von Unternehmensinformationen und der aktuellen App-Version.  
Es wird meist im Footer oder als Info-Schaltfläche in der Benutzeroberfläche eingeblendet.

---

## 🔧 Pfad

```bash
/components/uiWidgets/VersionInfoModal.js
```

---

## 🎯 Zweck

Die Komponente informiert Nutzer über:

- Die **aktuelle TALAS.Map Version**
- Die **Firmenadresse und Kontaktdaten** der Littwin Systemtechnik GmbH & Co. KG
- Eine zentral platzierte Grafik mit dem TALAS-Logo
- Eine Schaltfläche zum Schließen des Modals

---

## ⚙️ Props

| Prop                    | Typ        | Beschreibung                                                   |
| ----------------------- | ---------- | -------------------------------------------------------------- |
| `showVersionInfoModal`  | `boolean`  | Steuert, ob das Modal angezeigt wird                           |
| `closeVersionInfoModal` | `function` | Callback zum Schließen des Modals                              |
| `APP_VERSION`           | `string`   | Versionstext (z. B. `1.1.188`), meist aus `.env.local` geladen |

---

## 💡 Verhalten

- Wird `showVersionInfoModal` auf `true` gesetzt, erscheint das Modal zentriert über einem halbtransparenten Overlay
- Klick auf den Hintergrund (schwarzes Overlay) oder auf „Schließen“ führt `closeVersionInfoModal()` aus

---

## 🧩 Inhalt im Modal

```plaintext
+--------------------------+
| [Logo_TALAS.png]        |
| Littwin GmbH Adresse    |
| Telefon & E-Mail        |
| Version: 1.1.188        |
| [Schließen] Button      |
+--------------------------+
```

---

## 🎨 Gestaltung

- Modal-Layout mit Tailwind CSS (`fixed`, `z-50`, `bg-white`, `rounded`, `shadow`)
- Schaltfläche `Schließen` reagiert auf Hover mit Farbwechsel (`hover:bg-blue-700`)
- Design folgt der UI-Ästhetik von TALAS.web

---

## 🧪 Testfälle

| Bedingung                       | Erwartung                                 |
| ------------------------------- | ----------------------------------------- |
| `showVersionInfoModal = true`   | Modal wird angezeigt                      |
| Klick auf Hintergrund           | Modal wird geschlossen                    |
| Klick auf „Schließen“-Button    | Modal wird geschlossen                    |
| Version `APP_VERSION = 1.1.188` | Text „TALAS.Map Version 1.1.188“ sichtbar |

---

## 📦 Verknüpfte Dateien

- `.env.local` enthält z. B. `NEXT_PUBLIC_APP_VERSION=1.1.188`
- Aufruf in `Footer` oder `Layout` zur Anzeige bei Klick auf „Version“

---

## 🛠 Verbesserungsideen

- ESC-Taste als Schließen-Funktion ergänzen
- Option für dynamische Anzeige von Changelog-Link
- Automatischer Import von Version via `process.env.NEXT_PUBLIC_APP_VERSION`

---
