Skip to content

Commit 35e6af3

Browse files
TylerAPfleddererTylerAPfledderer
committed
refactor(pages/learn): use list components with tailwind
1 parent 2a67725 commit 35e6af3

File tree

1 file changed

+42
-41
lines changed

1 file changed

+42
-41
lines changed

‎src/pages/learn.tsx

Lines changed: 42 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ import MainArticle from "@/components/MainArticle"
2020
import { ContentContainer } from "@/components/MdComponents"
2121
import PageMetadata from "@/components/PageMetadata"
2222
import { Center, Flex, Stack } from "@/components/ui/flex"
23+
import { ListItem, UnorderedList } from "@/components/ui/list"
2324

2425
import { existsNamespace } from "@/lib/utils/existsNamespace"
2526
import { getLastDeployDate } from "@/lib/utils/getLastDeployDate"
@@ -345,16 +346,16 @@ const LearnPage = () => {
345346
<Flex className="my-12 flex-col overflow-hidden rounded-[10px] bg-main-gradient lg:flex-row">
346347
<Stack className="gap-8 p-12">
347348
<H3>{t("things-to-consider-banner-title")}</H3>
348-
<ul className="mb-0">
349-
<li>{t("things-to-consider-banner-1")}</li>
350-
<li>
349+
<UnorderedList className="mb-0">
350+
<ListItem>{t("things-to-consider-banner-1")}</ListItem>
351+
<ListItem>
351352
{t("things-to-consider-banner-2")}{" "}
352353
<InlineLink href="/layer-2/">
353354
{t("things-to-consider-banner-layer-2")}
354355
</InlineLink>
355356
.
356-
</li>
357-
</ul>
357+
</ListItem>
358+
</UnorderedList>
358359
</Stack>
359360
<div className="self-end">
360361
<Image src={newRings} alt="" maxW={265} />
@@ -458,38 +459,38 @@ const LearnPage = () => {
458459
description={t("emerging-use-cases-description")}
459460
>
460461
<Stack asChild className="flex-1 justify-center gap-0">
461-
<ul className="mb-0">
462-
<li>
462+
<UnorderedList className="mb-0">
463+
<ListItem>
463464
<InlineLink href="/decentralized-identity/">
464465
{t("common:decentralized-identity")}
465466
</InlineLink>
466-
</li>
467-
<li>
467+
</ListItem>
468+
<ListItem>
468469
<InlineLink href="/social-networks/">
469470
{t("common:decentralized-social-networks")}
470471
</InlineLink>
471-
</li>
472-
<li>
472+
</ListItem>
473+
<ListItem>
473474
<InlineLink href="/desci/">
474475
{t("common:decentralized-science")}
475476
</InlineLink>
476-
</li>
477-
<li>
477+
</ListItem>
478+
<ListItem>
478479
<InlineLink href="https://decrypt.co/resources/what-are-play-to-earn-games-how-players-are-making-a-living-with-nfts">
479480
{t("play-to-earn")}
480481
</InlineLink>
481-
</li>
482-
<li>
482+
</ListItem>
483+
<ListItem>
483484
<InlineLink href="https://woodstockfund.medium.com/quadratic-funding-better-way-to-fund-public-goods-76f1679b2ba2">
484485
{t("fundraising-through-quadratic-funding")}
485486
</InlineLink>
486-
</li>
487+
</ListItem>
487488
<li>
488489
<InlineLink href="https://hbr.org/2022/01/how-walmart-canada-uses-blockchain-to-solve-supply-chain-challenges">
489490
{t("supply-chain-management")}
490491
</InlineLink>
491492
</li>
492-
</ul>
493+
</UnorderedList>
493494
</Stack>
494495
</Card>
495496
</CardGrid>
@@ -660,71 +661,71 @@ const LearnPage = () => {
660661
>
661662
<Stack className="gap-8">
662663
<H3>{t("books-about-ethereum")}</H3>
663-
<ul>
664-
<li>
664+
<UnorderedList>
665+
<ListItem>
665666
<InlineLink href="https://www.goodreads.com/book/show/57356067-the-cryptopians">
666667
{t("cryptopians-title")}
667668
</InlineLink>{" "}
668669
<i>{t("cryptopians-description")}</i>
669-
</li>
670-
<li>
670+
</ListItem>
671+
<ListItem>
671672
<InlineLink href="https://www.goodreads.com/book/show/55360267-out-of-the-ether">
672673
{t("out-of-the-ether-title")}
673674
</InlineLink>{" "}
674675
<i>{t("out-of-the-ether-description")}</i>
675-
</li>
676-
<li>
676+
</ListItem>
677+
<ListItem>
677678
<InlineLink href="https://www.goodreads.com/en/book/show/50175330-the-infinite-machine">
678679
{t("the-infinite-machine-title")}
679680
</InlineLink>{" "}
680681
<i>{t("the-infinite-machine-description")}</i>
681-
</li>
682-
<li>
682+
</ListItem>
683+
<ListItem>
683684
<InlineLink href="https://github.com/ethereumbook/ethereumbook">
684685
{t("mastering-ethereum-title")}
685686
</InlineLink>{" "}
686687
<i>{t("mastering-ethereum-description")} </i>
687-
</li>
688-
<li>
688+
</ListItem>
689+
<ListItem>
689690
<InlineLink href="https://www.goodreads.com/en/book/show/59892281-proof-of-stake">
690691
{t("proof-of-stake-title")}
691692
</InlineLink>{" "}
692693
<i>{t("proof-of-stake-description")}</i>
693-
</li>
694-
</ul>
694+
</ListItem>
695+
</UnorderedList>
695696
<H3>{t("podcasts-about-ethereum")}</H3>
696-
<ul>
697-
<li>
697+
<UnorderedList>
698+
<ListItem>
698699
<InlineLink href="https://www.youtube.com/@Green_Pill_Podcast">
699700
{t("green-pill-title")}
700701
</InlineLink>{" "}
701702
<i>{t("green-pill-description")}</i>
702-
</li>
703-
<li>
703+
</ListItem>
704+
<ListItem>
704705
<InlineLink href="https://www.zeroknowledge.fm/">
705706
{t("zeroknowledge-title")}
706707
</InlineLink>{" "}
707708
<i>{t("zeroknowledge-description")}</i>
708-
</li>
709-
<li>
709+
</ListItem>
710+
<ListItem>
710711
<InlineLink href="https://unchainedpodcast.com/">
711712
{t("unchained-title")}
712713
</InlineLink>{" "}
713714
<i>{t("unchained-description")}</i>
714-
</li>
715-
<li>
715+
</ListItem>
716+
<ListItem>
716717
<InlineLink href="https://www.youtube.com/@TheDailyGwei/">
717718
{t("the-daily-gwei-title")}
718719
</InlineLink>{" "}
719720
<i>{t("the-daily-gwei-description")}</i>
720-
</li>
721-
<li>
721+
</ListItem>
722+
<ListItem>
722723
<InlineLink href="http://podcast.banklesshq.com/">
723724
{t("bankless-title")}
724725
</InlineLink>{" "}
725726
<i>{t("bankless-description")}</i>
726-
</li>
727-
</ul>
727+
</ListItem>
728+
</UnorderedList>
728729
</Stack>
729730
</Section>
730731

0 commit comments

Comments
 (0)