Skip to content

Information page#51

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

Information page#51
robinmolen wants to merge 12 commits intomainfrom
feature/12-information-page

Conversation

@robinmolen
Copy link
Copy Markdown
Contributor

@robinmolen robinmolen commented Mar 23, 2026

Partly closes #12

PR adds:

  • the information page component
  • updates to the API url's
  • readonly feature for the textfield
  • small formField styling update
  • category type and api mocking

The public url field still needs to be added, this requires maykinmedia/admin-ui#327. Lets do that in a separate PR

@robinmolen robinmolen assigned stefrado and unassigned stefrado Mar 23, 2026
@robinmolen robinmolen requested a review from stefrado March 23, 2026 13:42
@robinmolen robinmolen marked this pull request as draft March 23, 2026 13:42
@robinmolen robinmolen marked this pull request as ready for review March 26, 2026 12:08
@robinmolen robinmolen force-pushed the feature/12-information-page branch from 33a4375 to 9778476 Compare March 31, 2026 10:34
@robinmolen robinmolen requested a review from SonnyBA March 31, 2026 10:35
@codecov
Copy link
Copy Markdown

codecov bot commented Mar 31, 2026

Codecov Report

❌ Patch coverage is 83.78378% with 6 lines in your changes missing coverage. Please review.
✅ Project coverage is 86.16%. Comparing base (b6e5a57) to head (b87f0f8).

Files with missing lines Patch % Lines
src/AdminUI.tsx 0.00% 2 Missing ⚠️
src/routes/app.tsx 0.00% 2 Missing ⚠️
src/api-mocks/category.ts 83.33% 1 Missing ⚠️
...ages/form-detail/settings/Information/UrlField.tsx 88.88% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main      #51      +/-   ##
==========================================
+ Coverage   79.45%   86.16%   +6.71%     
==========================================
  Files          39       42       +3     
  Lines         292      318      +26     
  Branches       51       54       +3     
==========================================
+ Hits          232      274      +42     
+ Misses         54       37      -17     
- Partials        6        7       +1     
Flag Coverage Δ
storybook 82.38% <83.78%> (+10.12%) ⬆️
vitest 45.72% <29.41%> (-2.32%) ⬇️

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.

Comment thread src/api-mocks/base.ts Outdated
Comment thread src/api-mocks/category.ts Outdated
Comment thread src/components/form/TextField/TextField.tsx
Comment thread src/pages/form-detail/settings/Information/Information.tsx
@SonnyBA
Copy link
Copy Markdown

SonnyBA commented Mar 31, 2026

Also noticed the checkbox for saving the form in between steps was missing:
image

Should that also be added in this PR?

@robinmolen
Copy link
Copy Markdown
Contributor Author

robinmolen commented Mar 31, 2026

No idea how i missed the checkbox field... Adding it.

I've also added the "Form URL" field, as the required release of the Maykin admin-ui was available

We require access to the v2 and v3 api endpoints. To make this easily doable, we now use a v2 BASE_URL and a v3 BASE_URL.
The api-mocks `BASE_URL` should only be used for tests instances. Every other place in the code should use either the API urls provided through the AdminSettings context, or directly from the AdminUI main component
Added readonly as a textfield property, which adds the accessible 'readonly' attribute to the input element.
Adding `margin-block-end` to the FormField wrapper, adding spacing between form fields. Also added additional styling to select and input fields inside the FormField, ensuring they grow to 100% the size of the FormField wrapper.
…ation settings page

For the 'Form URL' field a new UrlField was added, contained within the Information page domain. As this component is now only used by the Information page, it makes sense to tightly couple it with the Information component.

The UrlField provides a read-only text input, with a copy button. Currently the input value is constructed from the form slug field + the djangoUrls 'publicRoot'
@robinmolen robinmolen force-pushed the feature/12-information-page branch from 9778476 to d4b3985 Compare March 31, 2026 15:58
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.

3 participants