Feat/73 Write frontend for Admin/Interesting facts block

[VolodymyrShapoval]

dev

GitHub

• GitHub #50
• GitHub #73

Code reviewers

• @Vektor19
• @shribakb1
• @LekhivOleh

Second Level Review

• @DrFaust555

Summary of issue

This pull request implements a major refactor and feature upgrade for the Interesting Facts admin modal, focusing on improved UX, stricter validation, and more reliable image and fact creation flows. The changes include a full rewrite of the modal component, new and responsive styles, enhanced form management, and improved error handling for both fact and image creation. There are also some API and store interface updates to support the new logic.

Interesting Facts Admin Modal Refactor and UX Improvements:

• Completely rewrote InterestingFactsAdminModal.component.tsx to use Ant Design's Form for better validation, live character counters, and improved image upload handling. Added support for both fact creation and editing, with image upload now required only for new facts. Improved error handling and user feedback on failures.
• Added a new, comprehensive SCSS file (InterestingFactsAdminModal.styles.scss) with responsive and accessible styles, including input counters, upload area improvements, and mobile adaptations.

API and Store Interface Adjustments:

• Updated the API layer so that the create method for facts now expects a FactCreate type, aligning the frontend and backend data contracts.
• Improved the createFact and createImage methods in their respective stores (facts-store.ts, image-store.ts) to return the created object or null on error, and to provide better error logging and state updates.

Image Alt Text Handling:

• Changed the logic for setting the alt attribute of fact images: now uses the fact's title instead of the image description, both when setting image details and when adding a new fact.

Store Interface Fixes:

• Added modalStore to the root store interface to ensure correct typing and access throughout the app.

CHECK LIST

• СI passed
• Сode coverage >=95%
• PR is reviewed manually again (to make sure you have 100% ready code)
• All reviewers agreed to merge the PR
• I've checked new feature as logged in and logged out user if needed
• PR meets all conventions

[Vektor19]

Excellent

[shribakb1]

Looks good

[sonarqubecloud]

Quality Gate passed

Issues
5 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Vektor19]

All comments were resolved. Well done!