filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-12-25 10:05:02 +03:00
Code Issues Packages Projects Releases Wiki Activity

emergency hotfix: files that need to be adjusted to use CodeBlock out of system

Browse Source
This commit is contained in:
@wwwjim 2020-07-20 18:31:41 -07:00
parent d16c53b2fc
commit d584484941
8 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pages/experiences/create-address.js
View File

@ -3,6 +3,7 @@ import * as System from "~/components/system";
import SystemPage from "~/components/system/SystemPage";
import ViewSourceLink from "~/components/system/ViewSourceLink";
import CodeBlock from "~/components/system/CodeBlock";
const EXAMPLE_CODE = `import * as React from 'react';
import { CreateFilecoinAddress } from 'slate-react-system';
@ -69,7 +70,7 @@ export default class SystemPageCreateAddress extends React.Component {
<System.H2>Code</System.H2>
<hr />
<br />
<System.CodeBlock>{EXAMPLE_CODE}</System.CodeBlock>
<CodeBlock>{EXAMPLE_CODE}</CodeBlock>
</SystemPage>
);
}

3
pages/experiences/filecoin-wallet-balances.js
View File

@ -3,6 +3,7 @@ import * as System from "~/components/system";
import SystemPage from "~/components/system/SystemPage";
import ViewSourceLink from "~/components/system/ViewSourceLink";
import CodeBlock from "~/components/system/CodeBlock";
const EXAMPLE_CODE = `import * as React from 'react';
import { FilecoinBalancesList } from 'slate-react-system';
@ -78,7 +79,7 @@ export default class SystemPageFilecoinWalletBalances extends React.Component {
<System.H2>Code</System.H2>
<hr />
<br />
<System.CodeBlock>{EXAMPLE_CODE}</System.CodeBlock>
<CodeBlock>{EXAMPLE_CODE}</CodeBlock>
</SystemPage>
);
}

3
pages/experiences/generate-powergate-token.js
View File

@ -3,6 +3,7 @@ import * as System from "~/components/system";
import SystemPage from "~/components/system/SystemPage";
import ViewSourceLink from "~/components/system/ViewSourceLink";
import CodeBlock from "~/components/system/CodeBlock";
// import { createPow } from "@textile/powergate-client";
@ -84,7 +85,7 @@ export default class GeneratePowergateToken extends React.Component {
<System.H2>Code</System.H2>
<hr />
<br />
<System.CodeBlock>{EXAMPLE_CODE}</System.CodeBlock>
<CodeBlock>{EXAMPLE_CODE}</CodeBlock>
</SystemPage>
);
}

3
pages/experiences/list-filecoin-deals.js
View File

@ -5,6 +5,7 @@ import * as Constants from "~/common/constants";
import Group from "~/components/system/Group";
import SystemPage from "~/components/system/SystemPage";
import ViewSourceLink from "~/components/system/ViewSourceLink";
import CodeBlock from "~/components/system/CodeBlock";
const EXAMPLE_CODE = `import * as React from 'react';
import { FilecoinStorageDealsList, FilecoinRetrievalDealsList } from 'slate-react-system';
@ -178,7 +179,7 @@ export default class SystemPageDeals extends React.Component {
</System.P>
<br />
<br />
<System.CodeBlock>{EXAMPLE_CODE}</System.CodeBlock>
<CodeBlock>{EXAMPLE_CODE}</CodeBlock>
<br />
<br />
<br />

3
pages/experiences/make-storage-deal.js
View File

@ -3,6 +3,7 @@ import * as System from "~/components/system";
import SystemPage from "~/components/system/SystemPage";
import ViewSourceLink from "~/components/system/ViewSourceLink";
import CodeBlock from "~/components/system/CodeBlock";
const EXAMPLE_CODE = `import * as React from 'react';
import { CreateFilecoinStorageDeal } from 'slate-react-system';
@ -94,7 +95,7 @@ export default class SystemPageMakeStorageDeal extends React.Component {
<System.H2>Code</System.H2>
<hr />
<br />
<System.CodeBlock>{EXAMPLE_CODE}</System.CodeBlock>
<CodeBlock>{EXAMPLE_CODE}</CodeBlock>
</SystemPage>
);
}

3
pages/experiences/peers-list.js
View File

@ -3,6 +3,7 @@ import * as System from "~/components/system";
import SystemPage from "~/components/system/SystemPage";
import ViewSourceLink from "~/components/system/ViewSourceLink";
import CodeBlock from "~/components/system/CodeBlock";
const EXAMPLE_CODE = `import * as React from 'react';
import { PeersList } from 'slate-react-system';
@ -64,7 +65,7 @@ export default class SystemPagePeersList extends React.Component {
<System.H2>Code</System.H2>
<hr />
<br />
<System.CodeBlock>{EXAMPLE_CODE}</System.CodeBlock>
<CodeBlock>{EXAMPLE_CODE}</CodeBlock>
</SystemPage>
);
}

3
pages/experiences/send-address-filecoin.js
View File

@ -3,6 +3,7 @@ import * as System from "~/components/system";
import SystemPage from "~/components/system/SystemPage";
import ViewSourceLink from "~/components/system/ViewSourceLink";
import CodeBlock from "~/components/system/CodeBlock";
const EXAMPLE_CODE = `import * as React from 'react';
import { SendAddressFilecoin } from 'slate-react-system';
@ -68,7 +69,7 @@ export default class SystemPageSendAddressFilecoin extends React.Component {
<System.H2>Code</System.H2>
<hr />
<br />
<System.CodeBlock>{EXAMPLE_CODE}</System.CodeBlock>
<CodeBlock>{EXAMPLE_CODE}</CodeBlock>
</SystemPage>
);
}

25
pages/system/typography.js
View File

@ -6,6 +6,7 @@ import { css } from "@emotion/react";
import SystemPage from "~/components/system/SystemPage";
import ViewSourceLink from "~/components/system/ViewSourceLink";
import CodeBlock from "~/components/system/CodeBlock";
const STYLES_CSS_LABEL = css`
display: block;
@ -14,16 +15,20 @@ const STYLES_CSS_LABEL = css`
color: ${Constants.system.darkGray};
margin-bottom: 8px;
`;
const STYLES_TYPE_JETBRAINS = css`
font-family: ${Constants.font.code};
`;
const STYLES_BOLD = css`
font-family: ${Constants.font.text};
font-weight: bold;
`;
const STYLES_ITALIC = css`
font-style: italic;
`;
const STYLES_UNDERLINE = css`
text-decoration: underline;
`;
@ -54,10 +59,10 @@ export default class SystemPageTypography extends React.Component {
Import React and the typography components. If needed, import the ViewSourceLink component.
</System.P>
<br />
<System.CodeBlock>
<CodeBlock>
{`import { H1, H2, H3, H4, P, UL, OL, LI } from 'slate-react-system';
import ViewSourceLink from "~/components/system/ViewSourceLink";`}
</System.CodeBlock>
</CodeBlock>
<br />
<br />
<System.H2>Typescale</System.H2>
@ -84,7 +89,7 @@ import ViewSourceLink from "~/components/system/ViewSourceLink";`}
</System.H4>
<br />
<br />
<System.CodeBlock>
<CodeBlock>
{`<System.H1>
This is heading level 1
</System.H1>
@ -100,7 +105,7 @@ This is heading level 3
<System.H4>
This is heading level 4
</System.H4>`}
</System.CodeBlock>
</CodeBlock>
<br />
<br />
<System.H2>Type Styles</System.H2>
@ -111,13 +116,13 @@ This is heading level 4
<System.P css={STYLES_UNDERLINE}>This text is underlined</System.P>
<br />
<br />
<System.CodeBlock>
<CodeBlock>
{`<System.P css={STYLES_BOLD}>This text is bold</System.P>
<System.P css={STYLES_ITALIC}>This text is italic</System.P>
<System.P css={STYLES_UNDERLINE}>This text is underlined</System.P>`}
</System.CodeBlock>
</CodeBlock>
<br />
<br />
<System.H2>Typefaces</System.H2>
@ -151,7 +156,7 @@ This is heading level 4
</System.UL>
<br />
<br />
<System.CodeBlock>
<CodeBlock>
{`<System.OL>
<System.LI>Rainbow</System.LI>
<System.LI>Cloud</System.LI>
@ -163,7 +168,7 @@ This is heading level 4
<System.LI>Cake</System.LI>
<System.LI>Rainbow</System.LI>
</System.UL>`}
</System.CodeBlock>
</CodeBlock>
<br />
<br />
<System.H2>Hyperlinks</System.H2>
@ -173,7 +178,7 @@ This is heading level 4
<System.P>External References <ViewSourceLink file="system/typography.js" /></System.P>
<br />
<br />
<System.CodeBlock>
<CodeBlock>
{`<System.P>
<a href="https://slate.host"
target="_blank">
@ -184,7 +189,7 @@ This is heading level 4
<System.P>
<ViewSourceLink file="system/typography.js" />
</System.P>`}
</System.CodeBlock>
</CodeBlock>
<br />
<br />
</SystemPage>