Conversation
| const Container = styled.div` | ||
| margin-top: 60px; | ||
| display: flex; | ||
| flex-direction: column; |
There was a problem hiding this comment.
Due to the allotted time, I was not able to experiment with emotion's annotation but wanted to show that I could use the library.
| setTimeout(() => { | ||
| if (slideToShow < 3) { | ||
| setSlideToShow(slideToShow + 1); | ||
| } else { |
There was a problem hiding this comment.
Due to the allotted time, I was not able to experiment with emotion's annotation but I did include the library and added basic styling to show that I could use the library.
| // Handle self-closing tags | ||
| if (NodeTag === "img" || NodeTag === "br") { | ||
| return <NodeTag {...attributes} />; | ||
| } |
There was a problem hiding this comment.
I am sure there is a better way to handle if the element is a self-closing tag. I tried different things and came up with conditionally rendering the self-closing tag.
| // export type TextNodeType = { | ||
| // type: TextContentType; | ||
| // text: string; | ||
| // }; |
There was a problem hiding this comment.
I know there is a better way to be more explicit based on what attributes are required. Due to the allotted time, I decided to comment out these types, because I was not sure how to effectively use them.
1 participant
BlockContentType,TextContentType,MediaContentType, andNodeTypeTextSections@emotion/styledand added basic styling