| 35 | } |
| 36 | |
| 37 | const renderBlog = () => |
| 38 | isLegacyMode ? ( |
| 39 | <div className="break-after-page"> |
| 40 | {showAppBar && <BlogAppbar problem={problem} track={track} problemIndex={problemIndex} />} |
| 41 | <NotionRenderer recordMap={problem.notionRecordMap} /> |
| 42 | {showPagination && ( |
| 43 | <div className="justify-center pt-2"> |
| 44 | <CustomPagination allProblems={track.problems} track={track} problemIndex={problemIndex} /> |
| 45 | </div> |
| 46 | )} |
| 47 | </div> |
| 48 | ) : ( |
| 49 | <div> |
| 50 | <NotionRenderer recordMap={problem.notionRecordMap} /> |
| 51 | <div className="fixed top-0 w-full"> |
| 52 | <BlogAppbar problem={problem} track={track} problemIndex={problemIndex} /> |
| 53 | </div> |
| 54 | <div className="itemsc-center fixed bottom-0 mx-auto w-full justify-center"> |
| 55 | <TrackTools allProblems={track.problems} track={track} problemIndex={problemIndex} /> |
| 56 | </div> |
| 57 | </div> |
| 58 | ); |
| 59 | |
| 60 | return renderBlog(); |
| 61 | }; |