ragusa-it/ragusaitweb
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

fix: updated contact information in imprint & /contact page

Browse Source
This commit is contained in:
Melvin Ragusa
2026-01-24 10:47:40 +01:00
parent 516f29f312
commit 77fd62447c
3 changed files with 77 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/layout/ImpressumModal.tsx
View File

@@ -1,6 +1,6 @@
import { Modal } from '../ui/Modal';
import { useTranslation } from '../../i18n';
import styles from './ImpressumModal.module.css';
import { Modal } from "../ui/Modal";
import { useTranslation } from "../../i18n";
import styles from "./ImpressumModal.module.css";
interface ImpressumModalProps {
isOpen: boolean;
@@ -16,8 +16,10 @@ export function ImpressumModal({ isOpen, onClose }: ImpressumModalProps) {
<section>
<h3>Angaben gemäß § 5 TMG</h3>
<p>
Melvin Ragusa<br />
Provinzialstraße 177<br />
Melvin Ragusa
<br />
Provinzialstraße 177
<br />
44388 Dortmund
</p>
</section>
@@ -25,31 +27,38 @@ export function ImpressumModal({ isOpen, onClose }: ImpressumModalProps) {
<section>
<h3>Kontakt</h3>
<p>
Telefon: 0160 95098973<br />
E-Mail: info@ragusa-it.dev
Telefon: 0160 95098973
<br />
E-Mail: kontakt@ragusa-it.dev
</p>
</section>
<section>
<h3>Umsatzsteuer-ID</h3>
<p>
Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:<br />
<em>Als Kleinunternehmer im Sinne von § 19 Abs. 1 UStG wird keine Umsatzsteuer berechnet.</em>
Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:
<br />
<em>
Als Kleinunternehmer im Sinne von § 19 Abs. 1 UStG wird keine
Umsatzsteuer berechnet.
</em>
</p>
</section>
<section>
<h3>Redaktionell verantwortlich</h3>
<p>
Melvin Ragusa<br />
Provinzialstraße 177<br />
Melvin Ragusa
<br />
Provinzialstraße 177
<br />
44388 Dortmund
</p>
</section>
<section>
<h3>Hinweis</h3>
<p>Kein Ladengeschäft. Termine nur nach Vereinbarung.</p>
<h3>Hinweis</h3>
<p>Kein Ladengeschäft. Termine nur nach Vereinbarung.</p>
</section>
</div>
</Modal>

25
src/components/ui/Modal.tsx
View File

@@ -1,10 +1,7 @@
import { type ReactNode, useEffect } from 'react';
import { createPortal } from 'react-dom';
import { motion, AnimatePresence } from 'motion/react';
import styles from './Modal.module.css';
// I need to check if lucide-react is installed.
// Based on package list, react-icons is installed.
import { type ReactNode, useEffect } from "react";
import { createPortal } from "react-dom";
import { motion, AnimatePresence } from "motion/react";
import styles from "./Modal.module.css";
interface ModalProps {
isOpen: boolean;
@@ -17,22 +14,22 @@ export function Modal({ isOpen, onClose, title, children }: ModalProps) {
// Prevent body scroll when modal is open
useEffect(() => {
if (isOpen) {
document.body.style.overflow = 'hidden';
document.body.style.overflow = "hidden";
} else {
document.body.style.overflow = 'unset';
document.body.style.overflow = "unset";
}
return () => {
document.body.style.overflow = 'unset';
document.body.style.overflow = "unset";
};
}, [isOpen]);
// Close on escape key
useEffect(() => {
const handleEscape = (e: KeyboardEvent) => {
if (e.key === 'Escape') onClose();
if (e.key === "Escape") onClose();
};
window.addEventListener('keydown', handleEscape);
return () => window.removeEventListener('keydown', handleEscape);
window.addEventListener("keydown", handleEscape);
return () => window.removeEventListener("keydown", handleEscape);
}, [onClose]);
return createPortal(
@@ -88,6 +85,6 @@ export function Modal({ isOpen, onClose, title, children }: ModalProps) {
</motion.div>
)}
</AnimatePresence>,
document.body
document.body,
);
}