Skip to content

Commit 2948cbf

Browse files
smutyala1atsmutyala1at
committed
fix(ui): make card components consistent across the codebase
1 parent 6f23624 commit 2948cbf

39 files changed

+1230
-615
lines changed

‎apps/docs/app/(docs)/[...slug]/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ export default async function Page(props: {
2727
<LLMCopyButton markdownUrl={`${page.url}.mdx`} />
2828
<ViewOptions
2929
markdownUrl={`${page.url}.mdx`}
30-
githubUrl={`https://github.com/smutyala1at/meshjs-docs/blob/dev/apps/docs/content/docs/${page.path}`}
30+
githubUrl={`https://github.com/MeshJS/mimir/tree/main/apps/docs/content/docs/${page.path}`}
3131
/>
3232
</div>
3333
<DocsBody>

‎apps/docs/content/docs/about/catalyst.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import { Status } from "@/components/ui/Status";
66
import { TaskList } from "@/components/ui/TaskList";
77
import Link from "fumadocs-core/link";
88
import { CatalystCard } from "@/components/ui/CatalystCard";
9-
import { fund13, fund12, fund11, fund10 } from "./funding";
9+
import { fund13, fund12, fund11, fund10 } from "@/data/catalyst";
1010

1111
<div>
1212
{ fund13 && (

‎apps/docs/content/docs/about/index.mdx‎

Lines changed: 22 additions & 101 deletions
Original file line numberDiff line numberDiff line change
@@ -10,111 +10,32 @@ import {
1010
SiGithub
1111
} from "@icons-pack/react-simple-icons";
1212
import { GlobeAltIcon } from '@heroicons/react/24/outline';
13+
import {team} from "@/data/team";
1314

1415
<h1 className='text-center text-4xl mt-4'>Our Team</h1>
1516

1617
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-y-10 mb-32">
17-
<div
18-
className="flex flex-col items-center justify-center"
19-
>
20-
<Image
21-
className='rounded-full'
22-
src="/team/abdelkrim.png"
23-
width={150}
24-
height={150}
25-
alt="abdelkrim"
26-
/>
27-
<h1 className='text-center'>Abdelkrim</h1>
28-
<div className='flex gap-5 items-center justify-center'>
29-
<Link href='https://x.com/abdelkrimdev'><SiX className="w-5 h-5 text-foreground"/></Link>
30-
<Link href='https://github.com/abdelkrimdev'><SiGithub className="w-6 h-6 text-foreground"/></Link>
31-
</div>
32-
</div>
33-
34-
<div
35-
className="flex flex-col items-center justify-center"
36-
>
37-
<Image
38-
className='rounded-full'
39-
src="/team/erick.jpg"
40-
width={150}
41-
height={150}
42-
alt="erick"
43-
/>
44-
<h1 className='text-center'>Erick</h1>
45-
<div className='flex gap-5 items-center justify-center'>
46-
<Link href='https://x.com/ErickRomeroEdda'><SiX className="w-5 h-5 text-foreground"/></Link>
47-
<Link href='https://github.com/ErickRomeroDev'><SiGithub className="w-6 h-6 text-foreground"/></Link>
48-
</div>
49-
</div>
50-
51-
<div
52-
className="flex flex-col items-center justify-center"
53-
>
54-
<Image
55-
className='rounded-full'
56-
src="/team/felix.png"
57-
width={150}
58-
height={150}
59-
alt="felix"
60-
/>
61-
<h1 className='text-center'>Felix</h1>
62-
<div className='flex gap-5 items-center justify-center'>
63-
<Link href='https://x.com/CatalystSwarm'><SiX className="w-5 h-5 text-foreground"/></Link>
64-
<Link href='https://github.com/Technosophorso'><SiGithub className="w-6 h-6 text-foreground"/></Link>
65-
</div>
66-
</div>
67-
68-
<div
69-
className="flex flex-col items-center justify-center"
70-
>
71-
<Image
72-
className='rounded-full'
73-
src="/team/hinson.png"
74-
width={150}
75-
height={150}
76-
alt="hinson"
77-
/>
78-
<h1 className='text-center'>Hinson</h1>
79-
<div className='flex gap-5 items-center justify-center'>
80-
<Link href='https://x.com/HinsonSIDAN'><SiX className="w-5 h-5 text-foreground"/></Link>
81-
<Link href='https://github.com/HinsonSIDAN'><SiGithub className="w-6 h-6 text-foreground"/></Link>
82-
</div>
83-
</div>
84-
85-
<div
86-
className="flex flex-col items-center justify-center"
87-
>
88-
<Image
89-
className='rounded-full'
90-
src="/team/jingles.png"
91-
width={150}
92-
height={150}
93-
alt="jingles"
94-
/>
95-
<h1 className='text-center'>Jingles</h1>
96-
<div className='flex gap-5 items-center justify-center'>
97-
<Link href='https://x.com/jinglescode'><SiX className="w-5 h-5 text-foreground"/></Link>
98-
<Link href='https://github.com/jinglescode'><SiGithub className="w-6 h-6 text-foreground"/></Link>
99-
<Link href='https://github.com/jinglescode'><GlobeAltIcon className="w-7 h-7 text-foreground"/></Link>
100-
</div>
101-
</div>
102-
103-
<div
104-
className="flex flex-col items-center justify-center"
105-
>
106-
<Image
107-
className='rounded-full'
108-
src="/team/tszwai.png"
109-
width={150}
110-
height={150}
111-
alt="tszwai"
112-
/>
113-
<h1 className='text-center'>Tszwai</h1>
114-
<div className='flex gap-5 items-center justify-center'>
115-
<Link href='https://github.com/twwu123'><SiGithub className="w-6 h-6 text-foreground"/></Link>
116-
</div>
117-
</div>
18+
{
19+
team.map((member) => (
20+
<div
21+
className="flex flex-col items-center justify-center"
22+
key={member.name}
23+
>
24+
<Image
25+
className='rounded-full'
26+
src={`/team/${member.image}`}
27+
width={150}
28+
height={150}
29+
alt={member.name}
30+
/>
31+
<h1 className='text-center'>{member.name}</h1>
32+
<div className='flex gap-5 items-center justify-center'>
33+
<Link href={member.twitter}><SiX className="w-5 h-5 text-foreground"/></Link>
34+
<Link href={member.github}><SiGithub className="w-6 h-6 text-foreground"/></Link>
35+
</div>
36+
</div>
37+
))
38+
}
11839
</div>
11940

12041
<div className='text-center mb-32'>

‎apps/docs/content/docs/aiken/index.mdx‎

Lines changed: 18 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -6,36 +6,21 @@ icon: "icons/aiken.png"
66

77
Aiken is a functional programming language created for Cardano smart contract development. It prioritizes on-chain execution and offers a user-friendly approach for building secure and efficient smart contracts, making it a valuable choice for developers aiming to create robust on-chain applications.
88

9-
<Cards>
10-
<Card
11-
href="/aiken/getting-started"
12-
>
13-
## Getting Started [!toc]
14-
15-
Setting up your system to compile Aiken smart contracts
16-
</Card>
17-
18-
<Card
19-
href="/aiken/first-script"
20-
>
21-
## Write a Smart Contract [!toc]
22-
23-
Learn how to write your first Aiken script, with a simple redeemer
24-
</Card>
25-
26-
<Card
27-
href="/aiken/transactions"
28-
>
29-
## Build Transactions [!toc]
30-
31-
Build transactions to interact with smart contracts
32-
</Card>
33-
34-
<Card
35-
href="/smart-contracts"
36-
>
37-
## Smart Contract Library [!toc]
38-
39-
Open-source smart contracts, complete with documentation, and live demos
40-
</Card>
41-
</Cards>
9+
import {linksAiken} from "@/data/links-aiken";
10+
import Link from "next/link";
11+
import {
12+
Card,
13+
CardDescription,
14+
CardTitle,
15+
} from "@/components/ui/card";
16+
17+
<div className="grid md:grid-cols-2 gap-6 items-stretch">
18+
{linksAiken.map((card) => (
19+
<Link key={card.title} href={card.link} className="no-underline">
20+
<Card className="h-full text-center hover:border-primary/50 transition-colors px-4 py-8">
21+
<CardTitle className="font-heading">{card.title}</CardTitle>
22+
<CardDescription>{card.desc}</CardDescription>
23+
</Card>
24+
</Link>
25+
))}
26+
</div>

‎apps/docs/content/docs/apis/data/index.mdx‎

Lines changed: 18 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -2,34 +2,22 @@
22
title: "Data"
33
description: "Useful utilities to parse and manipulate data"
44
---
5-
import {
6-
Bars2Icon,
7-
Bars3Icon,
8-
CircleStackIcon,
9-
} from "@heroicons/react/24/solid";
10-
11-
<Cards>
12-
<Card href="/apis/data/overview" icon={<CircleStackIcon />}>
13-
### Data Overview [!toc]
14-
15-
Learn about the basics, and how Mesh handles Cardano data
16-
</Card>
17-
18-
<Card href="/apis/data/mesh" icon={<Bars2Icon />}>
19-
### Mesh Data [!toc]
20-
21-
Parse and manipulate data with Mesh Data type
22-
</Card>
235

24-
<Card href="/apis/data/json" icon={<Bars3Icon />}>
25-
### JSON Data [!toc]
26-
27-
Parse and manipulate data with JSON
28-
</Card>
29-
30-
<Card href="/apis/data/value" icon={<Bars3Icon />}>
31-
### Value [!toc]
32-
33-
Manipulate Value Easily
34-
</Card>
35-
</Cards>
6+
import {linksData} from "@/data/links-data";
7+
import Link from "next/link";
8+
import {
9+
Card,
10+
CardDescription,
11+
CardTitle,
12+
} from "@/components/ui/card";
13+
14+
<div className="grid md:grid-cols-2 gap-6 items-stretch">
15+
{linksData.map((card) => (
16+
<Link key={card.title} href={card.link} className="no-underline">
17+
<Card className="h-full text-center hover:border-primary/50 transition-colors px-4 py-8">
18+
<CardTitle className="font-heading">{card.title}</CardTitle>
19+
<CardDescription>{card.desc}</CardDescription>
20+
</Card>
21+
</Link>
22+
))}
23+
</div>

‎apps/docs/content/docs/apis/index.mdx‎

Lines changed: 5 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -5,58 +5,18 @@ description: "From wallet integrations to transaction builders, Mesh makes Web3
55

66
import {
77
Card,
8-
CardAction,
9-
CardContent,
108
CardDescription,
11-
CardFooter,
12-
CardHeader,
139
CardTitle,
1410
} from "@/components/ui/card";
15-
import {
16-
BoltIcon,
17-
PaintBrushIcon,
18-
RocketLaunchIcon,
19-
WalletIcon,
20-
BanknotesIcon,
21-
MagnifyingGlassIcon,
22-
WrenchScrewdriverIcon,
23-
ComputerDesktopIcon,
24-
DocumentCheckIcon,
25-
CloudIcon,
26-
} from "@heroicons/react/24/solid";
11+
import {linksApi} from "@/data/links-api";
2712
import Link from "next/link";
2813

29-
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6 items-stretch">
30-
{[
31-
{
32-
title: "Wallets",
33-
href: "/apis/wallets",
34-
icon: <WalletIcon />,
35-
description: "Wallets APIs for interacting with the blockchain"
36-
},
37-
{
38-
title: "Transaction Builder",
39-
href: "/apis/txbuilder",
40-
icon: <BanknotesIcon />,
41-
description: "Build transactions with cardano-cli like APIs"
42-
},
43-
{
44-
title: "Transaction Parser",
45-
href: "/apis/txparser",
46-
icon: <MagnifyingGlassIcon />,
47-
description: "Parse transactions for testing and rebuilding"
48-
},
49-
{
50-
title: "Utilities",
51-
href: "/apis/utilities",
52-
icon: <WrenchScrewdriverIcon />,
53-
description: "Serializers, resolvers and data types for converting between different formats"
54-
},
55-
].map((card) => (
56-
<Link key={card.title} href={card.href} className="no-underline">
14+
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 items-stretch">
15+
{linksApi.map((card) => (
16+
<Link key={card.title} href={card.link} className="no-underline">
5717
<Card className="h-full text-center hover:border-primary/50 transition-colors px-4 py-8">
5818
<CardTitle className="font-heading">{card.title}</CardTitle>
59-
<CardDescription>{card.description}</CardDescription>
19+
<CardDescription>{card.desc}</CardDescription>
6020
</Card>
6121
</Link>
6222
))}

‎apps/docs/content/docs/apis/txbuilder/index.mdx‎

Lines changed: 17 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -3,42 +3,21 @@ title: "Transaction Builder"
33
description: "Build transactions with Cardano-CLI like APIs"
44
icon: BanknotesIcon
55
---
6+
import {linksTxbuilder} from "@/data/links-txbuilders";
7+
import Link from "next/link";
68
import {
7-
ArrowsPointingInIcon,
8-
FireIcon,
9-
NewspaperIcon,
10-
PaperAirplaneIcon,
11-
ScaleIcon,
12-
} from "@heroicons/react/24/solid";
13-
14-
<Cards>
15-
<Card href="/apis/txbuilder/basics" icon={<PaperAirplaneIcon />}>
16-
## Transaction Basics
17-
18-
Working with transactions and its various options
19-
</Card>
20-
21-
<Card href="/apis/txbuilder/minting" icon={<FireIcon />}>
22-
## Mint and Burn Assets
23-
24-
Minting and burning assets with Native Script and Plutus Script
25-
</Card>
26-
27-
<Card href="/apis/txbuilder/smart-contracts" icon={<NewspaperIcon />}>
28-
## Smart Contracts
29-
30-
Transactions to work with smart contracts
31-
</Card>
32-
33-
<Card href="/apis/txbuilder/staking" icon={<ArrowsPointingInIcon />}>
34-
## Staking Transactions
35-
36-
Transactions for delegating ADA and managing stakepools
37-
</Card>
38-
39-
<Card href="/apis/txbuilder/governance" icon={<ScaleIcon />}>
40-
## Governance Transactions
41-
42-
Transactions for participating in Cardano's on-chain governance
43-
</Card>
44-
</Cards>
9+
Card,
10+
CardDescription,
11+
CardTitle,
12+
} from "@/components/ui/card";
13+
14+
<div className="grid md:grid-cols-2 gap-6 items-stretch">
15+
{linksTxbuilder.map((card) => (
16+
<Link key={card.title} href={card.link} className="no-underline">
17+
<Card className="h-full text-center hover:border-primary/50 transition-colors px-4 py-8">
18+
<CardTitle className="font-heading">{card.title}</CardTitle>
19+
<CardDescription>{card.desc}</CardDescription>
20+
</Card>
21+
</Link>
22+
))}
23+
</div>

0 commit comments

Comments
 (0)