fix: Modal-Titel in HelpTooltip übersetzt
- Modal-Titel verwendet jetzt Übersetzung (Hilfe/Help) - Browser-Tooltip entfernt (nur noch custom Tooltip) - useTranslations in HelpTooltip-Komponente integriert
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
'use client';
|
||||
|
||||
import { useState, useRef, useEffect } from 'react';
|
||||
import { useTranslations } from 'next-intl';
|
||||
|
||||
interface HelpTooltipProps {
|
||||
shortText: string; // Text für Hover
|
||||
@@ -9,6 +10,7 @@ interface HelpTooltipProps {
|
||||
}
|
||||
|
||||
export default function HelpTooltip({ shortText, longText, position = 'top' }: HelpTooltipProps) {
|
||||
const t = useTranslations('CuratorHelp');
|
||||
const [showHover, setShowHover] = useState(false);
|
||||
const [showModal, setShowModal] = useState(false);
|
||||
const tooltipRef = useRef<HTMLDivElement>(null);
|
||||
@@ -143,7 +145,7 @@ export default function HelpTooltip({ shortText, longText, position = 'top' }: H
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
>
|
||||
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'start', marginBottom: '1rem' }}>
|
||||
<h3 style={{ margin: 0, fontSize: '1.25rem', fontWeight: 'bold' }}>Hilfe</h3>
|
||||
<h3 style={{ margin: 0, fontSize: '1.25rem', fontWeight: 'bold' }}>{t('modalTitle')}</h3>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowModal(false)}
|
||||
|
||||
@@ -278,6 +278,7 @@
|
||||
"title": "Kurator-Hilfe & Handbuch",
|
||||
"backToDashboard": "Zurück zum Dashboard",
|
||||
"helpButton": "Hilfe",
|
||||
"modalTitle": "Hilfe",
|
||||
"introductionTitle": "Einführung",
|
||||
"introductionText": "Als Kurator bist du verantwortlich für die Verwaltung von Songs in deinen zugewiesenen Genres und Specials. Dieses Dashboard ermöglicht es dir, Musik für das Hördle-Spiel hochzuladen, zu bearbeiten und zu organisieren.",
|
||||
"permissionsTitle": "Deine Berechtigungen",
|
||||
|
||||
@@ -278,6 +278,7 @@
|
||||
"title": "Curator Help & Manual",
|
||||
"backToDashboard": "Back to Dashboard",
|
||||
"helpButton": "Help",
|
||||
"modalTitle": "Help",
|
||||
"introductionTitle": "Introduction",
|
||||
"introductionText": "As a curator, you are responsible for managing songs within your assigned genres and specials. This dashboard allows you to upload, edit, and organize music for the Hördle game.",
|
||||
"permissionsTitle": "Your Permissions",
|
||||
|
||||
Reference in New Issue
Block a user