Skip to content

Add presentation settings page#48

Open
robinmolen wants to merge 9 commits intomainfrom
feature/12-presentation-page
Open

Add presentation settings page#48
robinmolen wants to merge 9 commits intomainfrom
feature/12-presentation-page

Conversation

@robinmolen
Copy link
Copy Markdown
Contributor

@robinmolen robinmolen commented Mar 19, 2026

Partly closes #12

Adding the presentation settings page.

The buttons preview will require future changes, to display the actual button styling used in the form and the selected theme. This will be picked up with #47.

The "Go to general settings" button will be included in another PR #49.

The 'Knopteksten formulier' modal isn't exactly like the design describes it. It will require quite some changes to make it closer resemble the look and feel of the design. I've discussed it with Lidwien, and we decided to keep it as is for now.

I've made a PR to the Maykin admin-ui so we can adjust the modal padding a bit better, but still a lot of work is required to make the modal similar to the design.

Added a mock get request for the v2 themes api.

On closer inspection, the v3 form api endpoint expects the `theme` to be a string/uuid value. This detail has been updated in the form type definition, and clearified with a comment.
@robinmolen robinmolen changed the title Feature/12 presentation page Add presentation settings page Mar 19, 2026
@robinmolen robinmolen requested a review from stefrado March 19, 2026 08:25
@robinmolen robinmolen force-pushed the feature/12-presentation-page branch from 33acbe1 to 5cc3b84 Compare March 19, 2026 08:56
@robinmolen robinmolen marked this pull request as draft March 19, 2026 08:56
As all form steps in the new admin-ui share their literals, we need a single point of truth for these step literals.

By adding the internal (frontend-only) value `_stepLiterals`, the form can easily manage one collection of literals. This also ensures that, even if all form steps are removed, we keep the literals stored in a safe place.

Before submitting the form details to the backend, we simply replace the step literals with the literals set by `_stepLiterals` and all step literals will be synced.
Added the basic configuration fields for the presentation settings page.
@robinmolen robinmolen force-pushed the feature/12-presentation-page branch from 5cc3b84 to d8e94cd Compare March 19, 2026 09:50
@robinmolen robinmolen marked this pull request as ready for review March 19, 2026 09:50
@codecov
Copy link
Copy Markdown

codecov bot commented Mar 19, 2026

Codecov Report

❌ Patch coverage is 96.07843% with 2 lines in your changes missing coverage. Please review.
✅ Project coverage is 86.36%. Comparing base (f5e1ec5) to head (86a3d01).

Files with missing lines Patch % Lines
src/api-mocks/theme.ts 83.33% 1 Missing ⚠️
src/queryClient/form.ts 92.85% 0 Missing and 1 partial ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main      #48      +/-   ##
==========================================
+ Coverage   78.59%   86.36%   +7.76%     
==========================================
  Files          37       41       +4     
  Lines         285      330      +45     
  Branches       51       54       +3     
==========================================
+ Hits          224      285      +61     
+ Misses         55       37      -18     
- Partials        6        8       +2     
Flag Coverage Δ
storybook 82.12% <96.07%> (+10.89%) ⬆️
vitest 45.11% <31.25%> (-2.53%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

The form literals are handled and updated by a separate Formik Form. This LiteralsForm is used in a Modal dialog on the presentation settings page.
@robinmolen robinmolen force-pushed the feature/12-presentation-page branch from d8e94cd to 86a3d01 Compare March 23, 2026 11:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create the ‘old’ settings part.

1 participant