ae124a1 · urbit.org · git.iko.soy

git.iko.soy/urbit.org

understanding-urbit: add pagination

commitae124a10dc720751a48eb877616b56dc66a7609d authorMatilde Park <matilde@tlon.io> dateTue 27 Jul 2021, 22:44 (5 years ago) parent6493bd5

7 files changed+63−9

compare with master

unifiedsplit

components/Pagination.js+2−2 content/understanding-urbit/interface.md+1−1 content/understanding-urbit/people-history.md+1−1 content/understanding-urbit/roadmap.md+1−1 content/understanding-urbit/urbit-id.md+1−1 content/understanding-urbit/urbit-os.md+1−1 pages/understanding-urbit/[[...slug]].js+56−2

components/Pagination.js+2−2

@@ -11,9 +11,9 @@ export default function Pagination(props) {

1111 className="bg-wall cursor-pointer font-semibold p-2 px-4 rounded-xl flex"

1212 style={{ maxWidth: "45%" }}

1313 >

14− <p className="flex-shrink-0">{props.previous ? "<- " : ""}</p>

14+ <p className="flex-shrink-0 pr-1">{props.previous ? "<- " : ""}</p>

1515 <p className="text-black truncate">{props.post.title}</p>

16− <p className="flex-shrink-0">{props.next ? " ->" : ""}</p>

16+ <p className="flex-shrink-0 pl-1">{props.next ? " ->" : ""}</p>

1717 </div>

1818 </Link>

1919 );

content/understanding-urbit/interface.md+1−1

@@ -1,7 +1,7 @@

11+++

22title = "Interface"

33description = "What Urbit feels like to an everyday user"

4−weight = 3

4+weight = 4

55[extra]

66flatten_pagination = "true"

77hide_next_title = "true"

content/understanding-urbit/people-history.md+1−1

@@ -1,7 +1,7 @@

11+++

22title = "People + History"

33description = "Where we've been and were we are now"

4−weight = 5

4+weight = 6

55[extra]

66flatten_pagination = "true"

77hide_next_title = "true"

content/understanding-urbit/roadmap.md+1−1

@@ -1,7 +1,7 @@

11+++

22title = "Roadmap: OS 1 -> OS N"

33description = "The core ideas that Urbit is built around"

4−weight = 4

4+weight = 5

55[extra]

66flatten_pagination = "true"

77hide_next_title = "true"

content/understanding-urbit/urbit-id.md+1−1

@@ -1,7 +1,7 @@

11+++

22title = "Urbit ID"

33description = "An overview of the Urbit ID system"

4−weight = 2

4+weight = 3

55[extra]

66flatten_pagination = "true"

77hide_next_title = "true"

content/understanding-urbit/urbit-os.md+1−1

@@ -1,7 +1,7 @@

11+++

22title = "Urbit OS"

33description = "What Urbit should feel like to an everyday user"

4−weight = 1

4+weight = 2

55[extra]

66flatten_pagination = "true"

77hide_next_title = "true"

pages/understanding-urbit/[[...slug]].js+56−2

@@ -4,10 +4,16 @@ import Link from "next/link";

44import { useRouter } from "next/router";

55import classnames from "classnames";

66import { join } from "path";

7−import { buildPageTree, getPage } from "../../lib/lib";

7+import {

8+ buildPageTree,

9+ getPage,

10+ getPreviousPost,

11+ getNextPost,

12+} from "../../lib/lib";

813import Markdown from "../../components/Markdown";

914import ContentArea from "../../components/ContentArea";

1015import Sidebar from "../../components/Sidebar";

16+import Pagination from "../../components/Pagination";

1117import markdownStyles from "../../styles/markdown.module.css";

1218import { decode } from "html-entities";

1319

@@ -65,6 +71,8 @@ export default function UnderstandingLayout({

6571 params,

6672 search,

6773 markdown,

74+ previousPost,

75+ nextPost,

6876}) {

6977 return (

7078 <>

@@ -87,6 +95,36 @@ export default function UnderstandingLayout({

8795 dangerouslySetInnerHTML={{ __html: decode(markdown) }}

8896 ></article>

8997 </div>

98+ <div className="flex justify-between mt-16">

99+ {previousPost === null ? (

100+ <div className={""} />

101+ ) : (

102+ <Pagination

103+ previous

104+ title="Previous Post"

105+ post={previousPost}

106+ className=""

107+ section={join(

108+ "understanding-urbit",

109+ params.slug?.slice(0, -1).join("/")

110+ )}

111+ />

112+ )}

113+ {nextPost === null ? (

114+ <div className={""} />

115+ ) : (

116+ <Pagination

117+ next

118+ title="Next Post"

119+ post={nextPost}

120+ className=""

121+ section={join(

122+ "understanding-urbit",

123+ params.slug?.slice(0, -1).join("/")

124+ )}

125+ />

126+ )}

127+ </div>

90128 </ContentArea>

91129 </div>

92130 </>

@@ -107,9 +145,25 @@ export async function getStaticProps({ params }) {

107145 )

108146 );

109147

148+ const previousPost =

149+ getPreviousPost(

150+ params.slug?.slice(-1).join("") || "understanding-urbit",

151+ ["title", "slug", "weight"],

152+ join("understanding-urbit", params.slug?.slice(0, -1).join("/") || "/"),

153+ "weight"

154+ ) || null;

155+

156+ const nextPost =

157+ getNextPost(

158+ params.slug?.slice(-1).join("") || "understanding-urbit",

159+ ["title", "slug", "weight"],

160+ join("understanding-urbit", params.slug?.slice(0, -1).join("/") || "/"),

161+ "weight"

162+ ) || null;

163+

110164 const markdown = await Markdown({ post: { content: content } });

111165

112− return { props: { posts, data, markdown, params } };

166+ return { props: { posts, data, markdown, params, previousPost, nextPost } };

113167}

114168