Skip to content

Conversation

@dirreno
Copy link
Contributor

@dirreno dirreno commented Nov 17, 2025

This pull request refactors the circular button UI component to be reusable across multiple pages, introduces a new download button component, and adds a new "Trainings" page with toolkit-specific resources. It also updates navigation and improves toolkit button handling for both installation and training workflows.

Component Refactoring & Reuse:

  • Extracted the CircularButton implementation from app/installation/page.tsx into a shared component in app/ui/components/circular-button.tsx, adding support for a disabled state for improved accessibility and UI feedback. ([[1]](https://github.com/harmonize-tools/harmonize-tools.github.io/pull/3/files#diff-f6b2ad8c4eba25d7cd3c6f073fd635b0788744bc74679ea9368c6c39ec216d5fL44-R45), [[2]](https://github.com/harmonize-tools/harmonize-tools.github.io/pull/3/files#diff-3a8b5ded8cedb7cb9ed865528f8802ea0a1c1f14d775d188bc4aaa8334af3d43R1-R65))
  • Updated both the installation and new training pages to use the shared CircularButton component, with button states managed via a disabledMap. ([[1]](https://github.com/harmonize-tools/harmonize-tools.github.io/pull/3/files#diff-f6b2ad8c4eba25d7cd3c6f073fd635b0788744bc74679ea9368c6c39ec216d5fR10), [[2]](https://github.com/harmonize-tools/harmonize-tools.github.io/pull/3/files#diff-77d3397420d0695b439ce0a6ae6c6fb1b1c3022b562b63097d11b5b5f4baef0cR1-R170))

New Features & Pages:

  • Added a new Trainings page (app/trainings/page.tsx) that displays toolkit buttons and dynamically shows related PDF guides and downloadable resources for each toolkit. ([app/trainings/page.tsxR1-R170](https://github.com/harmonize-tools/harmonize-tools.github.io/pull/3/files#diff-77d3397420d0695b439ce0a6ae6c6fb1b1c3022b562b63097d11b5b5f4baef0cR1-R170))
  • Introduced a reusable DownloadButton component for consistent styling and accessibility of file downloads. ([[1]](https://github.com/harmonize-tools/harmonize-tools.github.io/pull/3/files#diff-77d3397420d0695b439ce0a6ae6c6fb1b1c3022b562b63097d11b5b5f4baef0cR1-R170), [[2]](https://github.com/harmonize-tools/harmonize-tools.github.io/pull/3/files#diff-1efb0cbbecf378765021953cb43f807c1e337988cba79bf72bd75498e4453310R1-R26))

Navigation & UI Improvements:

  • Updated the navigation links to correctly label and route to the new "Trainings" page, replacing the previous placeholder. ([app/ui/structure/nav-links.tsxL32-R33](https://github.com/harmonize-tools/harmonize-tools.github.io/pull/3/files#diff-2c0befac3f53b0c8605f99609da21bbf6beb8d1a59160cb869efa980a5f4cc6aL32-R33))
  • Minor UI cleanup in navigation by removing unused filtering logic. ([app/ui/structure/nav-links.tsxL55](https://github.com/harmonize-tools/harmonize-tools.github.io/pull/3/files#diff-2c0befac3f53b0c8605f99609da21bbf6beb8d1a59160cb869efa980a5f4cc6aL55))

Data & Miscellaneous:

  • Minor formatting fix in public/related_products/config.json. ([public/related_products/config.jsonR16](https://github.com/harmonize-tools/harmonize-tools.github.io/pull/3/files#diff-8184286aa48cb4dda236c154adb0268aeb907cc8685175cc8977ef1070cdaebfR16))

Introduces a new trainings page with installation guides and downloadable resources for multiple toolkits. Refactors CircularButton into a shared component and adds a DownloadButton component. Updates navigation to link to the trainings page and adds relevant training files to the public directory.
Updated the SubButtons component to support cases where the 'related' materials array may be undefined or empty. The references section is now conditionally rendered only when related materials exist, improving robustness and preventing rendering errors.
Replaces the unordered list and list items with div containers for displaying references. This change improves layout flexibility and spacing by using 'space-y-3' and 'block' classes.
Introduces a 'disabled' prop to CircularButton for visual and interaction changes. Updates installation and trainings pages to use a disabledMap for toggling button availability, refactors button rendering to a map, and adjusts trainings page text for clarity.
@dirreno dirreno merged commit 7ec0fcb into main Nov 17, 2025
@dirreno dirreno deleted the training branch November 17, 2025 03:19
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.

2 participants