Create NotionEmbed component to dynamically embed any Notion Page - Githubissues

ademidun / atila-client-web-app

Client web app for atila.ca

https://atila.ca

0 stars 0 forks source link

Create NotionEmbed component to dynamically embed any Notion Page #382

Open ademidun opened 3 years ago

ademidun commented 3 years ago

Create a component called: <NotionEmbed pageId="" />

Related to: https://github.com/ademidun/atila-client-web-app/pull/381

Explained in this blog post and youtube video.

This component will then be used in How to Start a Scholarship and How to Apply for Scholarships.

takes a pageID as an argument
Call UtilsApi.loadNotionContent()
Call createTableOfContents
Handle scrolling to the dynamic title
Figure out why it stops at Picking Finalists

related to

Some Styling changes are also necessary:

Make all the headings align left
Make sure the list items are actually list items in the source Notion page

ademidun commented 3 years ago

@ericwang451 Another issue is that certain links to internal Notion pages are breaking when using the Notion Embed.

You might have to write a script that converts all internal Notion links to External Notion Link. Maybe you can check the react-notion issues to see if someone has already encountered this problem.

Screen Shot 2021-04-08 at 6 48 16 PM