Skip to content

Commit 903e011

Browse files
josh-wongjosh-wong
committed
Create 3.15.tsx
1 parent 7667590 commit 903e011

File tree

2 files changed

+653
-0
lines changed

2 files changed

+653
-0
lines changed

‎src/components/Cards/3.15.tsx‎

Lines changed: 345 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,345 @@
1+
/**
2+
* Copyright (c) Facebook, Inc. and its affiliates.
3+
*
4+
* This source code is licensed under the MIT license found in the
5+
* LICENSE file in the root directory of this source tree.
6+
*/
7+
8+
/* eslint-disable global-require */
9+
10+
import React from 'react';
11+
import clsx from 'clsx';
12+
import Translate from '@docusaurus/Translate';
13+
import Link from '@docusaurus/Link';
14+
15+
const CardsAbout = [
16+
{
17+
// name: '',
18+
// image: '<LINK_TO>.png',
19+
url: {
20+
page: 'overview',
21+
},
22+
description: (
23+
<Translate id="home.about.description">
24+
Overview
25+
</Translate>
26+
),
27+
},
28+
{
29+
// name: '',
30+
// image: '<LINK_TO>.png',
31+
url: {
32+
page: 'requirements',
33+
},
34+
description: (
35+
<Translate id="home.about.description">
36+
Requirements
37+
</Translate>
38+
),
39+
},
40+
]
41+
42+
const CardsQuickstart = [
43+
{
44+
// name: '',
45+
// image: '<LINK_TO>.png',
46+
url: {
47+
page: 'getting-started-with-scalardb',
48+
},
49+
description: (
50+
<Translate id="home.quickstart.description">
51+
Getting started with ScalarDB
52+
</Translate>
53+
),
54+
},
55+
{
56+
// name: '',
57+
// image: '<LINK_TO>.png',
58+
url: {
59+
page: 'scalardb-cluster/getting-started-with-scalardb-cluster',
60+
},
61+
description: (
62+
<Translate id="home.quickstart.description">
63+
Getting started with ScalarDB Cluster
64+
</Translate>
65+
),
66+
},
67+
]
68+
69+
const CardsSamples = [
70+
{
71+
// name: '',
72+
// image: '<LINK_TO>.png',
73+
url: {
74+
page: 'scalardb-samples/multi-storage-transaction-sample',
75+
},
76+
description: (
77+
<Translate id="home.samples.description">
78+
Run a sample application with multi-storage transaction support
79+
</Translate>
80+
),
81+
},
82+
{
83+
// name: '',
84+
// image: '<LINK_TO>.png',
85+
url: {
86+
page: 'scalardb-samples/microservice-transaction-sample',
87+
},
88+
description: (
89+
<Translate id="home.samples.description">
90+
Run a sample application that supports microservice transactions
91+
</Translate>
92+
),
93+
},
94+
]
95+
96+
const CardsDevelop = [
97+
{
98+
// name: '',
99+
// image: '<LINK_TO>.png',
100+
url: {
101+
page: 'add-scalardb-to-your-build',
102+
},
103+
description: (
104+
<Translate id="home.develop.description">
105+
Add ScalarDB to your build
106+
</Translate>
107+
),
108+
},
109+
{
110+
// name: '',
111+
// image: '<LINK_TO>.png',
112+
url: {
113+
page: 'schema-loader',
114+
},
115+
description: (
116+
<Translate id="home.develop.description">
117+
ScalarDB Schema Loader
118+
</Translate>
119+
),
120+
},
121+
]
122+
123+
const CardsDeploy = [
124+
{
125+
// name: '',
126+
// image: '<LINK_TO>.png',
127+
url: {
128+
page: 'scalar-kubernetes/ProductionChecklistForScalarDBCluster',
129+
},
130+
description: (
131+
<Translate id="home.deploy.description">
132+
See the ScalarDB Cluster production checklist
133+
</Translate>
134+
),
135+
},
136+
{
137+
// name: '',
138+
// image: '<LINK_TO>.png',
139+
url: {
140+
page: 'scalar-kubernetes/ManualDeploymentGuideScalarDBClusterOnEKS',
141+
},
142+
description: (
143+
<Translate id="home.deploy.description">
144+
Deploy ScalarDB Cluster on Amazon EKS
145+
</Translate>
146+
),
147+
},
148+
]
149+
150+
const CardsMigrate = [
151+
{
152+
// name: '',
153+
// image: '<LINK_TO>.png',
154+
url: {
155+
page: 'schema-loader-import',
156+
},
157+
description: (
158+
<Translate id="home.migrate.description">
159+
Import Existing Tables by Using ScalarDB Schema Loader
160+
</Translate>
161+
),
162+
},
163+
{
164+
// name: '',
165+
// image: '<LINK_TO>.png',
166+
url: {
167+
page: 'scalardb-sql/migration-guide',
168+
},
169+
description: (
170+
<Translate id="home.migrate.description">
171+
Migrate Your Applications and Databases
172+
</Translate>
173+
),
174+
},
175+
]
176+
177+
const CardsManage = [
178+
{
179+
// name: '',
180+
// image: '<LINK_TO>.png',
181+
url: {
182+
page: 'scalar-kubernetes/K8sMonitorGuide',
183+
},
184+
description: (
185+
<Translate id="home.manage.description">
186+
Monitor ScalarDB in a Kubernetes cluster
187+
</Translate>
188+
),
189+
},
190+
{
191+
// name: '',
192+
// image: '<LINK_TO>.png',
193+
url: {
194+
page: 'scalar-kubernetes/BackupNoSQL',
195+
},
196+
description: (
197+
<Translate id="home.manage.description">
198+
Back up a NoSQL database in a Kubernetes environment
199+
</Translate>
200+
),
201+
},
202+
]
203+
204+
const CardsReference = [
205+
{
206+
// name: '',
207+
// image: '<LINK_TO>.png',
208+
url: {
209+
page: 'scalardb-core-status-codes',
210+
},
211+
description: (
212+
<Translate id="home.reference.description">
213+
ScalarDB Core Error Codes
214+
</Translate>
215+
),
216+
},
217+
{
218+
// name: '',
219+
// image: '<LINK_TO>.png',
220+
url: {
221+
page: 'scalar-licensing',
222+
},
223+
description: (
224+
<Translate id="home.reference.description">
225+
How to Configure a Product License Key
226+
</Translate>
227+
),
228+
},
229+
];
230+
231+
interface Props {
232+
// name: string;
233+
// image: string;
234+
url: {
235+
page?: string;
236+
};
237+
description: JSX.Element;
238+
}
239+
240+
function Card({ /* name, image,*/ url, description }: Props) {
241+
return (
242+
<div className="col col--6 margin-bottom--lg">
243+
<div className={clsx('card')}>
244+
<div className={clsx('card__image')}>
245+
{/* <Link to={url.page}>
246+
<img src={image}></img>}
247+
</Link> */}
248+
</div>
249+
<Link to={url.page}>
250+
<div className="card__body">
251+
{/* <h3>{name}</h3> */}
252+
<p>{description}</p>
253+
</div>
254+
</Link>
255+
{/* <div className="card__footer">
256+
<div className="button-group button-group--block">
257+
<Link className="button button--secondary" to={url.page}>
258+
<Translate id="button.readMore">Read more</Translate>
259+
</Link>
260+
</div>
261+
</div> */}
262+
</div>
263+
</div>
264+
);
265+
}
266+
267+
export function CardRowAbout(): JSX.Element {
268+
return (
269+
<div className="row">
270+
{CardsAbout.map((special) => (
271+
<Card key={special.name} {...special} />
272+
))}
273+
</div>
274+
);
275+
}
276+
277+
export function CardRowQuickstart(): JSX.Element {
278+
return (
279+
<div className="row">
280+
{CardsQuickstart.map((special) => (
281+
<Card key={special.name} {...special} />
282+
))}
283+
</div>
284+
);
285+
}
286+
287+
export function CardRowSamples(): JSX.Element {
288+
return (
289+
<div className="row">
290+
{CardsSamples.map((special) => (
291+
<Card key={special.name} {...special} />
292+
))}
293+
</div>
294+
);
295+
}
296+
297+
export function CardRowDevelop(): JSX.Element {
298+
return (
299+
<div className="row">
300+
{CardsDevelop.map((special) => (
301+
<Card key={special.name} {...special} />
302+
))}
303+
</div>
304+
);
305+
}
306+
307+
export function CardRowDeploy(): JSX.Element {
308+
return (
309+
<div className="row">
310+
{CardsDeploy.map((special) => (
311+
<Card key={special.name} {...special} />
312+
))}
313+
</div>
314+
);
315+
}
316+
317+
export function CardRowMigrate(): JSX.Element {
318+
return (
319+
<div className="row">
320+
{CardsMigrate.map((special) => (
321+
<Card key={special.name} {...special} />
322+
))}
323+
</div>
324+
);
325+
}
326+
327+
export function CardRowManage(): JSX.Element {
328+
return (
329+
<div className="row">
330+
{CardsManage.map((special) => (
331+
<Card key={special.name} {...special} />
332+
))}
333+
</div>
334+
);
335+
}
336+
337+
export function CardRowReference(): JSX.Element {
338+
return (
339+
<div className="row">
340+
{CardsReference.map((special) => (
341+
<Card key={special.name} {...special} />
342+
))}
343+
</div>
344+
);
345+
}

0 commit comments

Comments
 (0)