Enhance data source component

[robertjdominguez]

Description 📝

This PR refactors the DatabaseContentLoader component by extracting data sources, utility functions, and content loading logic into separate files to improve modularity and maintainability.

Additionally, the Selector component now minimizes when the user scrolls past a specified position, applying a minified class. EDIT: The component simply becomes sticky and stays with the user as they navigate.

Quick Links 🚀

Connect a data source (example)

Assertion Tests 🤖

[robertjdominguez]

Hey, @robertjdominguez :wave:

Thanks for this PR! Since you changed docs files, our automated Action assigned Rob as your reviewer :tada:

Before Rob looks over the changes, we ask you to take care of a couple of items:

• [ ] Make sure you've checked over our PR guide on the wiki. It ensures you've done your due diligence on the basics: spelling, heading casings, etc.
• [ ] Rob will need a review from someone on your team to ensure your team-specific content is accurate. Once that's done, ping Rob on Slack, and he'll give a docs review :fire:
• [ ] Additionally, please check this box to confirm your feature works as expected when using the documentation you've written. This is critical to ensuring our users have the information they need.

The docs team aims to get all PRs reviewed within 48 hours of your team doing a review in the form of a content pass. Let Rob know the level of urgency on Slack :+1:

[robertjdominguez]

DX: Assertion Testing

✅ Diff

The PR introduces a modular approach by breaking up functionality into smaller, more focused components like 'contentLoader.tsx', 'dataSources.ts', 'selector.tsx', and 'utils.ts'. This enhances maintainability and readability. The abstraction of data sources and utility functions into their own files is specifically beneficial. Styles are updated to support a more responsive and dynamic layout. However, ensure that 'isMinified' state in the 'selector.tsx' is necessary for the design requirements.

✅ Integrated

The PR changes complement the existing documentation's usability by improving the user interaction model, particularly the data source selection process. The refactored code separates concerns, and the minified selector enhances user experience while scrolling. The integration effort also preserves the existing user preferences functionality. Ensure that any removed methods like 'savePreference' from 'index.tsx' are appropriately integrated into the new utils to maintain functionality. Additionally, validate that the new UI interacts smoothly with the different page states that exist within the documentation.

[cloudflare-workers-and-pages[bot]]

Deploying v3-docs with    Cloudflare Pages

Latest commit:	fb3846d
Status:	✅  Deploy successful!
Preview URL:	https://9feef5f7.v3-docs-eny.pages.dev
Branch Preview URL:	https://rob-enhance-data-source-comp.v3-docs-eny.pages.dev

View logs

[robertjdominguez]

@rikinsk — take another look when you have some time, please 🙏