filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-09-17 17:27:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #616 from filecoin-project/@akuokojnr/cleanup-sds

Browse Source 
Clean-up: component imports in SDS
This commit is contained in:
martinalong 2021-03-08 15:13:15 -08:00 committed by GitHub
commit 16650b6f15
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/system/index.js
View File

@ -82,6 +82,8 @@ import { AvatarGroup } from "~/components/system/components/AvatarGroup";
import * as SVG from "~/common/svg";
import ViewSourceLink from "~/components/system/ViewSourceLink";
// NOTE(jim): Export everything.
export {
// NOTE(martina): Actions
@ -142,6 +144,7 @@ export {
UL,
OL,
LI,
ViewSourceLink,
// NOTE(jim): Fragments, not meant to be used.
Boundary,
DescriptionGroup,

5
pages/_/system/avatar-group.js
View File

@ -30,8 +30,7 @@ export default class SystemAvatarGroup extends React.Component {
<br />
<br />
<System.P>
The AvatarGroup component is a compact way to show a group users or
contributors.
The AvatarGroup component is a compact way to show a group users or contributors.
</System.P>
<br />
<br />
@ -43,7 +42,7 @@ export default class SystemAvatarGroup extends React.Component {
<br />
<CodeBlock>
{`import * as React from "react";
import AvatarGroup from "~/components/system/components/AvatarGroup";`}
import { AvatarGroup } from "slate-react-system";`}
</CodeBlock>
<br />
<br />

2
pages/_/system/index.js
View File

@ -54,7 +54,7 @@ export default class SystemPageRoot extends React.Component {
<System.P>
You can use these components, experiences, and constants in your own React projects.
First, install the{" "}
<a href="https://github.com/filecoin-project/slate-react-system" target="_blank">
<a href="https://www.npmjs.com/package/slate-react-system" target="_blank">
npm module
</a>
:

12
pages/_/system/loaders.js
View File

@ -9,19 +9,13 @@ import CodeBlock from "~/components/system/CodeBlock";
export default class SystemLoaders extends React.Component {
render() {
return (
<SystemPage
title="SDS: Loaders"
description="..."
url="https://slate.host/_/system/loaders"
>
<SystemPage title="SDS: Loaders" description="..." url="https://slate.host/_/system/loaders">
<System.H1>
Loaders <ViewSourceLink file="system/loaders.js" />
</System.H1>
<br />
<br />
<System.P>
The Loader Component is used to output an animated page loader.
</System.P>
<System.P>The Loader Component is used to output an animated page loader.</System.P>
<br />
<br />
<br />
@ -39,7 +33,7 @@ export default class SystemLoaders extends React.Component {
LoaderRotate,
LoaderProgress,
LoaderSpinner,
} from "~/components/system/components/Loaders";
} from "slate-react-system";
`}
</CodeBlock>
<br />

8
pages/_/system/typography.js
View File

@ -5,7 +5,6 @@ import * as Constants from "~/common/constants";
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`
@ -42,7 +41,7 @@ export default class SystemPageTypography extends React.Component {
url="https://fps.onrender.com/system/typography"
>
<System.H1>
Typography <ViewSourceLink file="system/typography.js" />
Typography <System.ViewSourceLink file="system/typography.js" />
</System.H1>
<br />
<br />
@ -69,8 +68,7 @@ export default class SystemPageTypography extends React.Component {
</System.P>
<br />
<CodeBlock>
{`import { H1, H2, H3, H4, P, UL, OL, LI } from "slate-react-system";
import ViewSourceLink from "~/components/system/ViewSourceLink";`}
{`import { H1, H2, H3, H4, P, UL, OL, LI, ViewSourceLink } from "slate-react-system";`}
</CodeBlock>
<br />
<br />
@ -178,7 +176,7 @@ import ViewSourceLink from "~/components/system/ViewSourceLink";`}
</a>
</System.P>
<System.P>
External References <ViewSourceLink file="system/typography.js" />
External References <System.ViewSourceLink file="system/typography.js" />
</System.P>
<br />
<br />