♻️ TinaDocs | Remove ToC Coupling and use Hook Wrapper

[ssw-yakshaver]

Requested by: @isaaclombardssw via YakShaver.ai 🦬
cc: @isaaclombardssw, @amankumarrr, @JackDevAU, @Marxoz, @wicksipedia, @adamcogan

Hi Team!

  🟥  Watch the video (3 min 17 sec)

  

Pain

Refactor the Tina Docs implementation to remove repeated code, ensure consistent use of TinaCMS across pages, and improve the layout handling. This includes using the Tina client wrapper instead of TinaCMS hooks in individual components.

Acceptance Criteria

1. Remove repeated code across Tina Docs pages.
2. Ensure TinaCMS is used consistently across all relevant pages.
3. Refactor layout handling to ensure the left-hand side table of contents is controlled by the layout and not re-rendered on reroute.
4. Use Tina client wrapper instead of TinaCMS hooks in individual components.

Screenshot

Figure: Inconsistent use of TinaCMS across pages with similar documentation client basis.

[isaaclombardssw]

See tinacms/tina-docs#15 for specific changes.

Moved the table of contents component to the layout.tsx - so it's...

1. Not Rerendered between docs pages
2. Is abstracted away from the implementation of individual docs content pages.