aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/pages
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/pages')
-rw-r--r--packages/website/ts/pages/about/jobs.tsx4
-rw-r--r--packages/website/ts/pages/documentation/developers_page.tsx10
-rw-r--r--packages/website/ts/pages/documentation/doc_page.tsx4
-rw-r--r--packages/website/ts/pages/documentation/docs_home.tsx22
-rw-r--r--packages/website/ts/pages/faq/faq.tsx20
-rw-r--r--packages/website/ts/pages/instant.tsx50
-rw-r--r--packages/website/ts/pages/instant/config_generator.tsx7
-rw-r--r--packages/website/ts/pages/why.tsx11
8 files changed, 64 insertions, 64 deletions
diff --git a/packages/website/ts/pages/about/jobs.tsx b/packages/website/ts/pages/about/jobs.tsx
index ee1aa6cef..85c25a75f 100644
--- a/packages/website/ts/pages/about/jobs.tsx
+++ b/packages/website/ts/pages/about/jobs.tsx
@@ -151,7 +151,9 @@ export class NextAboutJobs extends React.Component<NextAboutJobsProps, NextAbout
<Section id={OPEN_POSITIONS_HASH} isFlex={true} maxWidth="1170px" wrapWidth="100%">
<Column>
<Heading size="medium">
- Current<br />Openings
+ Current
+ <br />
+ Openings
</Heading>
</Column>
diff --git a/packages/website/ts/pages/documentation/developers_page.tsx b/packages/website/ts/pages/documentation/developers_page.tsx
index 78376a0f2..0b725c514 100644
--- a/packages/website/ts/pages/documentation/developers_page.tsx
+++ b/packages/website/ts/pages/documentation/developers_page.tsx
@@ -68,10 +68,7 @@ interface SidebarContainerProps {
className?: string;
}
-const SidebarContainer =
- styled.div <
- SidebarContainerProps >
- `
+const SidebarContainer = styled.div<SidebarContainerProps>`
${scrollableContainerStyles}
padding-top: 27px;
padding-left: ${SIDEBAR_PADDING}px;
@@ -87,10 +84,7 @@ interface MainContentContainerProps {
className?: string;
}
-const MainContentContainer =
- styled.div <
- MainContentContainerProps >
- `
+const MainContentContainer = styled.div<MainContentContainerProps>`
${scrollableContainerStyles}
padding-top: 0px;
padding-left: 50px;
diff --git a/packages/website/ts/pages/documentation/doc_page.tsx b/packages/website/ts/pages/documentation/doc_page.tsx
index 3ae071774..14bad7329 100644
--- a/packages/website/ts/pages/documentation/doc_page.tsx
+++ b/packages/website/ts/pages/documentation/doc_page.tsx
@@ -33,7 +33,9 @@ const docIdToSubpackageName: { [id: string]: string } = {
[DocPackages.ContractWrappers]: 'contract-wrappers',
[DocPackages.SolCompiler]: 'sol-compiler',
[DocPackages.JSONSchemas]: 'json-schemas',
- [DocPackages.SolCov]: 'sol-cov',
+ [DocPackages.SolCoverage]: 'sol-coverage',
+ [DocPackages.SolProfiler]: 'sol-profiler',
+ [DocPackages.SolTrace]: 'sol-trace',
[DocPackages.Subproviders]: 'subproviders',
[DocPackages.OrderUtils]: 'order-utils',
[DocPackages.OrderWatcher]: 'order-watcher',
diff --git a/packages/website/ts/pages/documentation/docs_home.tsx b/packages/website/ts/pages/documentation/docs_home.tsx
index fd3932bfa..d11cf02fb 100644
--- a/packages/website/ts/pages/documentation/docs_home.tsx
+++ b/packages/website/ts/pages/documentation/docs_home.tsx
@@ -218,10 +218,26 @@ const CATEGORY_TO_PACKAGES: ObjectMap<Package[]> = {
},
{
description:
- 'A Solidity code coverage tool. Sol-cov uses transaction traces to figure out which lines of your code has been covered by your tests.',
+ 'A Solidity code coverage tool. Sol-coverage uses transaction traces to figure out which lines of your code has been covered by your tests.',
link: {
- title: '@0x/sol-cov',
- to: WebsitePaths.SolCov,
+ title: '@0x/sol-coverage',
+ to: WebsitePaths.SolCoverage,
+ },
+ },
+ {
+ description:
+ 'A Solidity profiler. Sol-profiler uses transaction traces to figure out line-by-line gas consumption.',
+ link: {
+ title: '@0x/sol-profiler',
+ to: WebsitePaths.SolProfiler,
+ },
+ },
+ {
+ description:
+ 'A Solidity revert trace tool. Sol-trace prints human-readable revert trace whenever the revert happens.',
+ link: {
+ title: '@0x/sol-trace',
+ to: WebsitePaths.SolTrace,
},
},
{
diff --git a/packages/website/ts/pages/faq/faq.tsx b/packages/website/ts/pages/faq/faq.tsx
index 8cde7224e..548db1d1d 100644
--- a/packages/website/ts/pages/faq/faq.tsx
+++ b/packages/website/ts/pages/faq/faq.tsx
@@ -36,17 +36,16 @@ const sections: FAQSection[] = [
<div>
At its core, 0x is an open and non-rent seeking protocol that facilitates trustless, low
friction exchange of Ethereum-based assets. Developers can use 0x as a platform to build
- exchange applications on top of (<a
- href={`${configs.BASE_URL}${WebsitePaths.ZeroExJs}#introduction`}
- target="blank"
- >
+ exchange applications on top of (
+ <a href={`${configs.BASE_URL}${WebsitePaths.ZeroExJs}#introduction`} target="blank">
0x.js
</a>{' '}
is a Javascript library for interacting with the 0x protocol). For end users, 0x will be the
infrastructure of a wide variety of user-facing applications i.e.{' '}
<a href={`${configs.BASE_URL}${WebsitePaths.Portal}`} target="blank">
0x Portal
- </a>, a decentralized application that facilitates trustless trading of Ethereum-based tokens
+ </a>
+ , a decentralized application that facilitates trustless trading of Ethereum-based tokens
between known counterparties.
</div>
),
@@ -253,7 +252,8 @@ const sections: FAQSection[] = [
target="_blank"
>
development roadmap
- </a>.
+ </a>
+ .
</div>
),
},
@@ -360,7 +360,8 @@ const sections: FAQSection[] = [
target="_blank"
>
here
- </a>.
+ </a>
+ .
</div>
),
},
@@ -380,8 +381,9 @@ const sections: FAQSection[] = [
Join our{' '}
<a href={constants.URL_ZEROEX_CHAT} target="_blank">
Discord
- </a>! As an open source project, 0x will rely on a worldwide community of passionate developers
- to contribute proposals, ideas and code.
+ </a>
+ ! As an open source project, 0x will rely on a worldwide community of passionate developers to
+ contribute proposals, ideas and code.
</div>
),
},
diff --git a/packages/website/ts/pages/instant.tsx b/packages/website/ts/pages/instant.tsx
index b97bb35a4..586665d5b 100644
--- a/packages/website/ts/pages/instant.tsx
+++ b/packages/website/ts/pages/instant.tsx
@@ -100,7 +100,7 @@ export class Next0xInstant extends React.Component<Props> {
<div>
{[...Array(18)].map((item, index) => (
<Card key={`card-${index}`} index={index}>
- <img src={`/images/0x-instant/widget-${index % 6 + 1}.png`} />
+ <img src={`/images/0x-instant/widget-${(index % 6) + 1}.png`} />
</Card>
))}
</div>
@@ -189,13 +189,10 @@ const fadeUp = keyframes`
}
`;
-const ConfiguratorSection =
- styled(Section) <
- SectionProps >
- `
- @media (max-width: ${CONFIGURATOR_MIN_WIDTH_PX}px) {
- display: none;
- }
+const ConfiguratorSection = styled(Section)<SectionProps>`
+ @media (max-width: ${CONFIGURATOR_MIN_WIDTH_PX}px) {
+ display: none;
+ }
`;
// width = 370 * 12
@@ -233,29 +230,26 @@ const MarqueeWrap = styled.div`
}
`;
-const Card =
- styled.div <
- { index: number } >
- `
- opacity: 0;
- flex-shrink: 0;
- transform: translateY(10px);
- will-change: opacity, transform;
- animation: ${fadeUp} 0.75s ${props => `${props.index * 0.05}s`} forwards;
-
- img {
- height: auto;
- }
+const Card = styled.div<{ index: number }>`
+ opacity: 0;
+ flex-shrink: 0;
+ transform: translateY(10px);
+ will-change: opacity, transform;
+ animation: ${fadeUp} 0.75s ${props => `${props.index * 0.05}s`} forwards;
- @media (min-width: 768px) {
img {
- width: 370px;
+ height: auto;
}
- }
- @media (max-width: 768px) {
- img {
- width: 300px;
+ @media (min-width: 768px) {
+ img {
+ width: 370px;
+ }
+ }
+
+ @media (max-width: 768px) {
+ img {
+ width: 300px;
+ }
}
- }
`;
diff --git a/packages/website/ts/pages/instant/config_generator.tsx b/packages/website/ts/pages/instant/config_generator.tsx
index e43d47119..29fce85db 100644
--- a/packages/website/ts/pages/instant/config_generator.tsx
+++ b/packages/website/ts/pages/instant/config_generator.tsx
@@ -318,13 +318,10 @@ interface CheckboxTextProps {
isSelected?: boolean;
}
-const CheckboxText =
- styled.span <
- CheckboxTextProps >
- `
+const CheckboxText = styled.span<CheckboxTextProps>`
font-size: 14px;
line-height: 18px;
- color: ${props => (props.isSelected ? colors.brandDark : '#666666')}
+ color: ${props => (props.isSelected ? colors.brandDark : '#666666')};
`;
const OptionalAction = styled(OptionalText)`
diff --git a/packages/website/ts/pages/why.tsx b/packages/website/ts/pages/why.tsx
index 197ce5fc9..a0ed5f95a 100644
--- a/packages/website/ts/pages/why.tsx
+++ b/packages/website/ts/pages/why.tsx
@@ -229,10 +229,7 @@ interface SectionProps {
isNotRelative?: boolean;
}
-const SectionWrap =
- styled.div <
- SectionProps >
- `
+const SectionWrap = styled.div<SectionProps>`
position: ${props => !props.isNotRelative && 'relative'};
& + & {
@@ -258,10 +255,7 @@ const SectionWrap =
interface SectionTitleProps {
isNoBorder?: boolean;
}
-const SectionTitle =
- styled(Heading) <
- SectionTitleProps >
- `
+const SectionTitle = styled(Heading)<SectionTitleProps>`
position: relative;
${props =>
@@ -278,7 +272,6 @@ const SectionTitle =
}
`}
-
@media (max-width: 768px) {
&:before {
width: calc(100vw - 60px);
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-03 09:02:07 +0800