-
Notifications
You must be signed in to change notification settings - Fork 67
/
index.tsx
63 lines (58 loc) 路 1.46 KB
/
index.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
/* eslint-disable global-require */
import React from 'react';
import Link from '@docusaurus/Link';
import Translate from '@docusaurus/Translate';
import Heading from '@theme/Heading';
const GettingStartedGuides = [
{
name: 'Tracetest 馃殌',
url: './installation',
description: (
<Translate >
Set up Tracetest and start trace-based testing your distributed system.
</Translate>
),
button: 'Start',
},
{
name: 'Tracetest Core 馃 ',
url: '../core/getting-started/installation',
description: (
<Translate>
Use the open-source Tracetest Core in your own infrastructure.
</Translate>
),
button: 'Go to Core',
},
];
interface Props {
name: string;
url: string;
button: string;
description: JSX.Element;
}
function GettingStartedGuideCard({name, url, description, button}: Props) {
return (
<div className="col col--6 margin-bottom--lg">
<div className="gs__card">
<div className="card">
<Link to={url}>
<div className="card__body">
<Heading as="h3">{name}</Heading>
<p>{description}</p>
</div>
</Link>
</div>
</div>
</div>
);
}
export function GettingStartedGuideCardsRow(): JSX.Element {
return (
<div className="row">
{GettingStartedGuides.map((gettingStartedGuide) => (
<GettingStartedGuideCard key={gettingStartedGuide.name} {...gettingStartedGuide} />
))}
</div>
);
}