Lars
472cf1afdb
All checks were successful
Deploy Development / deploy (push) Successful in 43s
Test Suite / pytest-backend (push) Successful in 37s
Test Suite / lint-backend (push) Successful in 0s
Test Suite / build-frontend (push) Successful in 12s
Test Suite / k6 /health Baseline (push) Successful in 33s
Test Suite / playwright-tests (push) Successful in 1m20s
- Updated CSS styles for the full-page editor, modifying the header to include a back link and title, while fixing the action dock for all viewports. - Removed the sticky header and integrated the action bar at the bottom for improved usability across devices. - Simplified the PageFormEditorChrome component by eliminating unnecessary memoization and restructuring the header layout.
32 lines
859 B
JavaScript
32 lines
859 B
JavaScript
import React from 'react'
|
|
import { Link } from 'react-router-dom'
|
|
import { useFormEditorActions } from '../context/FormEditorActionsContext'
|
|
|
|
/**
|
|
* Vollseiten-Editor: Zurück/Titel oben; FormActionBar fix unten (alle Viewports via FormEditorBottomSlot).
|
|
*/
|
|
export default function PageFormEditorChrome({
|
|
title,
|
|
backTo,
|
|
backLabel = 'Zurück',
|
|
actionConfig,
|
|
children,
|
|
testId,
|
|
}) {
|
|
useFormEditorActions(actionConfig)
|
|
|
|
return (
|
|
<div className="page-form-editor" data-testid={testId}>
|
|
<header className="page-form-editor__header">
|
|
{backTo ? (
|
|
<Link to={backTo} className="page-form-editor__back">
|
|
← {backLabel}
|
|
</Link>
|
|
) : null}
|
|
<h1 className="page-form-editor__title">{title}</h1>
|
|
</header>
|
|
<div className="page-form-editor__body">{children}</div>
|
|
</div>
|
|
)
|
|
}
|