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

icons: updates example to use slate-react-system

Browse Source
This commit is contained in:
@wwwjim 2020-07-04 08:45:31 -07:00
parent 21f21b6373
commit 69db66094d
2 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/system/index.js
View File

@ -36,6 +36,9 @@ import {
TableColumn,
} from "~/components/system/components/fragments/TableComponents";
import * as SVG from "~/components/system/svg";
import * as OldSVG from "~/common/svg";
// NOTE(jim): Export everything.
export {
ButtonPrimary,
@ -70,4 +73,6 @@ export {
TableContent,
TableColumn,
Constants,
SVG,
OldSVG,
};

32
pages/system/icons.js
View File

@ -1,15 +1,15 @@
import * as React from 'react';
import * as System from '~/components/system';
import * as SVG from '~/components/system/svg';
import * as OldSVG from '~/common/svg';
import * as Constants from '~/common/constants';
import * as React from "react";
import * as System from "~/components/system";
import * as SVG from "~/components/system/svg";
import * as OldSVG from "~/common/svg";
import * as Constants from "~/common/constants";
import { css } from '@emotion/react';
import { css } from "@emotion/react";
import SystemPage from '~/components/system/SystemPage';
import ViewSourceLink from '~/components/system/ViewSourceLink';
import SystemPage from "~/components/system/SystemPage";
import ViewSourceLink from "~/components/system/ViewSourceLink";
const DEFAULT_SYSTEM_ICON_SIZE = '88px';
const DEFAULT_SYSTEM_ICON_SIZE = "88px";
const ICONS = [
<OldSVG.Home height={DEFAULT_SYSTEM_ICON_SIZE} />,
@ -49,7 +49,11 @@ const STYLES_ICON = css`
export default class SystemPageIcons extends React.Component {
render() {
return (
<SystemPage title="SDS: Icons" description="..." url="https://fps.onrender.com/system/icons">
<SystemPage
title="SDS: Icons"
description="..."
url="https://fps.onrender.com/system/icons"
>
<System.H1>
Icons <ViewSourceLink file="system/icons.js" />
</System.H1>
@ -62,14 +66,12 @@ export default class SystemPageIcons extends React.Component {
<System.H2>Imports</System.H2>
<hr />
<br />
<System.P>
Import the SVG Components.
</System.P>
<System.P>Import the SVG Components.</System.P>
<br />
<br />
<System.CodeBlock>
{`import * as SVG from '~/components/system/svg';
import * as OldSVG from '~/common/svg';`}
{`import { SVG } from 'slate-react-system';
import { OldSVG } from 'slate-react-system';`}
</System.CodeBlock>
<br />
<br />