Removed docs page template
This commit is contained in:
Piotr Janosz
committed by
fabioberger
fabioberger
parent
99074b3c34
commit
02d63daba5
@@ -1,281 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import styled from 'styled-components';
|
|
||||||
|
|
||||||
import { FeatureLink } from 'ts/components/docs/feature_link';
|
|
||||||
import { DocsPageLayout } from 'ts/components/docs/layout/docs_page_layout';
|
|
||||||
import { NewsletterWidget } from 'ts/components/docs/newsletter_widget';
|
|
||||||
import { Note } from 'ts/components/docs/note';
|
|
||||||
import { Resource } from 'ts/components/docs/resource/resource';
|
|
||||||
import { Separator } from 'ts/components/docs/separator';
|
|
||||||
import { IStepLinkConfig } from 'ts/components/docs/step_link';
|
|
||||||
import { StepLinks } from 'ts/components/docs/step_links';
|
|
||||||
|
|
||||||
import { Code } from 'ts/components/docs/mdx/code';
|
|
||||||
import { Tab, TabList, TabPanel, Tabs } from 'ts/components/docs/mdx/code_tabs';
|
|
||||||
import { HelpCallout } from 'ts/components/docs/mdx/help_callout';
|
|
||||||
import { HelpfulCta } from 'ts/components/docs/mdx/helpful_cta';
|
|
||||||
import { Notification } from 'ts/components/docs/mdx/notification';
|
|
||||||
import { OrderedList } from 'ts/components/docs/mdx/ordered_list';
|
|
||||||
import { Table } from 'ts/components/docs/mdx/table';
|
|
||||||
import { UnorderedList } from 'ts/components/docs/mdx/unordered_list';
|
|
||||||
import { Heading, Paragraph } from 'ts/components/text';
|
|
||||||
|
|
||||||
export const DocsPageTemplate: React.FC = () => {
|
|
||||||
return (
|
|
||||||
<DocsPageLayout title="Page template" subtitle="Test subtitle">
|
|
||||||
<Columns>
|
|
||||||
<h1>test</h1>
|
|
||||||
<Separator />
|
|
||||||
<ContentWrapper>
|
|
||||||
<LargeHeading>Large Heading</LargeHeading>
|
|
||||||
<LargeIntro>Larger introduction text</LargeIntro>
|
|
||||||
<Heading asElement="h2" size="default">
|
|
||||||
Notifications
|
|
||||||
</Heading>
|
|
||||||
<Notification>This is a standard information callout</Notification>
|
|
||||||
<Notification type="alert">This is an indication that something isn’t quite right</Notification>
|
|
||||||
<Notification type="success">This is a success message</Notification>
|
|
||||||
<Heading asElement="h2" size="default">
|
|
||||||
Tutorial Steps
|
|
||||||
</Heading>
|
|
||||||
<OrderedList>
|
|
||||||
<li>Step 1</li>
|
|
||||||
<li>Step 2</li>
|
|
||||||
<li>Step 3</li>
|
|
||||||
</OrderedList>
|
|
||||||
<Heading asElement="h2" size="default">
|
|
||||||
Standard Heading
|
|
||||||
</Heading>
|
|
||||||
<Paragraph>This would be paragraph text.</Paragraph>
|
|
||||||
<Paragraph>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat velit in nisl varius
|
|
||||||
malesuada. Morbi at porttitor enim. Donec vel tristique dolor, quis convallis sapien. Nam et
|
|
||||||
massa tempus, dignissim leo vitae, ultricies libero. Vivamus eu enim tellus. Phasellus eu mattis
|
|
||||||
elit. Proin ut eleifend urna, sed tincidunt nunc. Sed eu dapibus metus, in congue ipsum. Duis
|
|
||||||
volutpat sem et sem faucibus blandit. Nullam ultricies ante eu elit auctor, id mattis nunc
|
|
||||||
euismod. Curabitur arcu enim, cursus ac pellentesque quis, accumsan sit amet turpis. Praesent
|
|
||||||
dignissim mi a maximus euismod
|
|
||||||
</Paragraph>
|
|
||||||
<Paragraph>And here is a table:</Paragraph>
|
|
||||||
<Table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Parameter</th>
|
|
||||||
<th>Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>makerAddress</td>
|
|
||||||
<td>
|
|
||||||
Address that created the order. The maker is one of the two parties that will be
|
|
||||||
involved in the trade if the order gets filled.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>takerAddress</td>
|
|
||||||
<td>
|
|
||||||
Address that is allowed to fill the order. If set to 0, anyone is allowed to fill
|
|
||||||
the order. This field allows makers to decide who can fill an order, rendering it
|
|
||||||
useless to eavesdroppers or outside parties.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>feeRecipientAddress</td>
|
|
||||||
<td>
|
|
||||||
The address that will receive the fees stipulated by the order. This is typically
|
|
||||||
used to incentivize off-chain order relay.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>senderAddress</td>
|
|
||||||
<td>
|
|
||||||
Is an advanced feature that can be defaulted to the 0 address. It allows the maker
|
|
||||||
to enforce that the order must flow through some additional logic residing in an
|
|
||||||
additional Ethereum smart contract before it can be filled (e.g a KYC whitelist
|
|
||||||
contract) -- more on "extension contracts" later.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>makerAssetAmount</td>
|
|
||||||
<td>Amount of the maker'sAsset being offered by the maker. Must be greater than 0.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>makerFee</td>
|
|
||||||
<td>
|
|
||||||
The fee to be paid by the order maker to the <code>feeRecipientAddress</code> in the
|
|
||||||
event of an order fill. Partial fills result in partial fees.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</Table>
|
|
||||||
|
|
||||||
<H3>Tabbed Code Snippet</H3>
|
|
||||||
<Tabs>
|
|
||||||
<TabList>
|
|
||||||
<Tab>Typescript</Tab>
|
|
||||||
<Tab>Python</Tab>
|
|
||||||
<Tab>Solidity</Tab>
|
|
||||||
</TabList>
|
|
||||||
|
|
||||||
<TabPanel>
|
|
||||||
<Code>{codeSample}</Code>
|
|
||||||
</TabPanel>
|
|
||||||
<TabPanel>
|
|
||||||
<Code>{codeSample}</Code>
|
|
||||||
</TabPanel>
|
|
||||||
<TabPanel>
|
|
||||||
<Code>{codeSample}</Code>
|
|
||||||
</TabPanel>
|
|
||||||
</Tabs>
|
|
||||||
|
|
||||||
<H3>Runnable Code Snippet</H3>
|
|
||||||
<Tabs>
|
|
||||||
<TabList>
|
|
||||||
<Tab>Typescript</Tab>
|
|
||||||
<Tab>Python</Tab>
|
|
||||||
<Tab>Solidity</Tab>
|
|
||||||
</TabList>
|
|
||||||
|
|
||||||
<TabPanel>
|
|
||||||
<Code canRun={true}>{codeSample}</Code>
|
|
||||||
</TabPanel>
|
|
||||||
<TabPanel>
|
|
||||||
<Code>{codeSample}</Code>
|
|
||||||
</TabPanel>
|
|
||||||
<TabPanel>
|
|
||||||
<Code>{codeSample}</Code>
|
|
||||||
</TabPanel>
|
|
||||||
</Tabs>
|
|
||||||
|
|
||||||
<H3>Subheading</H3>
|
|
||||||
<Paragraph>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat velit in nisl varius
|
|
||||||
malesuada. Morbi at porttitor enim. Donec vel tristique dolor, quis convallis sapien. Nam et
|
|
||||||
massa tempus, dignissim leo vitae, ultricies libero. Vivamus eu enim tellus. Phasellus eu mattis
|
|
||||||
elit. Proin ut eleifend urna, sed tincidunt nunc. Sed eu dapibus metus, in congue ipsum. Duis
|
|
||||||
volutpat sem et sem faucibus blandit. Nullam ultricies ante eu elit auctor, id mattis nunc
|
|
||||||
euismod. Curabitur arcu enim, cursus ac pellentesque quis, accumsan sit amet turpis. Praesent
|
|
||||||
dignissim mi a maximus euismod
|
|
||||||
</Paragraph>
|
|
||||||
<div>
|
|
||||||
<Note
|
|
||||||
heading="Information"
|
|
||||||
description="This is a side-info callout used to explain things a little more when needed."
|
|
||||||
/>
|
|
||||||
<Paragraph>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat velit in nisl
|
|
||||||
varius malesuada. Morbi at porttitor enim. Donec vel tristique dolor, quis convallis sapien.
|
|
||||||
Nam et massa tempus, dignissim leo vitae, ultricies libero. Vivamus eu enim tellus.
|
|
||||||
Phasellus eu mattis elit. Proin ut eleifend urna, sed tincidunt nunc. Sed eu dapibus metus,
|
|
||||||
in congue ipsum. Duis volutpat sem et sem faucibus blandit. Nullam ultricies ante eu elit
|
|
||||||
auctor, id mattis nunc euismod. Curabitur arcu enim, cursus ac pellentesque quis, accumsan
|
|
||||||
sit amet turpis. Praesent dignissim mi a maximus euismod
|
|
||||||
</Paragraph>
|
|
||||||
</div>
|
|
||||||
<UnorderedList>
|
|
||||||
<li>List items</li>
|
|
||||||
<li>List items</li>
|
|
||||||
<li>List items</li>
|
|
||||||
<li>List items</li>
|
|
||||||
</UnorderedList>
|
|
||||||
<Heading asElement="h2" size="default">
|
|
||||||
Next Steps
|
|
||||||
</Heading>
|
|
||||||
<StepLinks links={usefulLinks} />
|
|
||||||
<HelpCallout />
|
|
||||||
<HelpfulCta page="test" />
|
|
||||||
<div>
|
|
||||||
<Heading asElement="h2" size="default">
|
|
||||||
Resources
|
|
||||||
</Heading>
|
|
||||||
{/* {resources.map((resource, index) => (
|
|
||||||
<Resource key={`resource-${index}`} {...resource} />
|
|
||||||
))} */}
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<Heading asElement="h2" size="default">
|
|
||||||
Feature Links
|
|
||||||
</Heading>
|
|
||||||
<FeatureLink
|
|
||||||
heading="RadarRelay SDK"
|
|
||||||
description="A description could possibly go here but could be tight."
|
|
||||||
icon="flexibleIntegration"
|
|
||||||
url="/"
|
|
||||||
/>
|
|
||||||
<FeatureLink
|
|
||||||
heading="RadarRelay SDK"
|
|
||||||
description="A description could possibly go here but could be tight."
|
|
||||||
icon="flexibleIntegration"
|
|
||||||
url="/"
|
|
||||||
/>
|
|
||||||
<FeatureLink
|
|
||||||
heading="RadarRelay SDK"
|
|
||||||
description="A description could possibly go here but could be tight."
|
|
||||||
icon="flexibleIntegration"
|
|
||||||
url="/"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<NewsletterWidget />
|
|
||||||
</ContentWrapper>
|
|
||||||
</Columns>
|
|
||||||
</DocsPageLayout>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const Columns = styled.div`
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 130px 0 1fr;
|
|
||||||
grid-column-gap: 60px;
|
|
||||||
|
|
||||||
@media (min-width: 1440px) {
|
|
||||||
grid-template-columns: 230px 0 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 900px) {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
const ContentWrapper = styled.article`
|
|
||||||
min-width: 0;
|
|
||||||
`;
|
|
||||||
|
|
||||||
const LargeHeading = styled(Heading).attrs({
|
|
||||||
asElement: 'h1',
|
|
||||||
})`
|
|
||||||
font-size: 2.125rem !important;
|
|
||||||
`;
|
|
||||||
|
|
||||||
const LargeIntro = styled(Paragraph).attrs({
|
|
||||||
size: 'medium',
|
|
||||||
})``;
|
|
||||||
|
|
||||||
const H3 = styled(Heading).attrs({
|
|
||||||
size: 'default',
|
|
||||||
asElement: 'h3',
|
|
||||||
})``;
|
|
||||||
|
|
||||||
const usefulLinks: IStepLinkConfig[] = [
|
|
||||||
{
|
|
||||||
title: 'Core Concepts',
|
|
||||||
url: '/docs/core-concepts',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'API Explorer',
|
|
||||||
url: '/docs/core-concepts',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Guides',
|
|
||||||
url: '/docs/get-started',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Tools',
|
|
||||||
url: '/docs/core-concepts',
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const codeSample = `import { TruffleArtifactAdapter } from '@0x/sol-coverage';
|
|
||||||
const projectRoot = '.';
|
|
||||||
const solcVersion = '0.5.0';
|
|
||||||
const artifactAdapter = new TruffleArtifactAdapter(projectRoot, solcVersion);`;
|
|
||||||
Reference in New Issue
Block a user