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