Skip to content

fix/Integrated Manual .html files directly into their respective .tsx files

Praneeth Ashish requested to merge fix/user-manual into develop

Title: Refactor: Inline manual HTML files into TSX components

Description

This merge request refactors how the user manuals are rendered by inlining the raw HTML content directly into their respective React component files.

Previously, the HTML content was stored in separate files in the docs/ directory and loaded using Vite's ?raw import syntax. This change simplifies the file structure, consolidates related code, and removes the dependency on the raw loader for these pages.

Changes Made

  • Inlined content: Migrated the HTML content directly into the following component files as template literals:

    • [src/pages/admin/AdminDocsPage.tsx]
    • [src/pages/volunteer/DoctorManualPage.tsx]
    • [src/pages/PatientManualPage.tsx]
    • [src/pages/volunteer/VolunteerManualPage.tsx]

  • Deleted files: Removed the now-redundant HTML files from the repository:

    • [docs/AdminManual.html]
    • [docs/DoctorManual.html]
    • [docs/PatientManual.html]
    • [docs/VolunteerManual.html]

  • Build Verification: Ensured npm run build completes successfully with the new structure.

Motivation

To improve project maintainability by keeping the component and its static content tightly coupled in a single file, eliminating the need to maintain separate .html files just for documentation views.

Edited by Praneeth Ashish

Merge request reports