archiving: lands components for staging branch

This commit is contained in:
@wwwjim 2020-09-09 16:52:45 -07:00
parent 6d6f2fed85
commit f7b2a1d981
4 changed files with 59 additions and 1 deletions

View File

@ -33,7 +33,15 @@ const constructFilesTreeForNavigation = (library) => {
return {
...library[0],
name: `Data`,
children: [],
children: [
{
id: "V1_NAVIGATION_ARCHIVE",
decorator: "ARCHIVE",
name: "Archive",
pageTitle: "Archive on Filecoin",
children: null,
},
],
};
};

View File

@ -27,6 +27,7 @@ import SceneProfile from "~/scenes/SceneProfile";
import SceneSentinel from "~/scenes/SceneSentinel";
import ScenePublicProfile from "~/scenes/ScenePublicProfile";
import ScenePublicSlate from "~/scenes/ScenePublicSlate";
import SceneArchive from "~/scenes/SceneArchive";
// NOTE(jim):
// Sidebars each have a decorator and can be shown to with _handleAction
@ -80,6 +81,7 @@ const SCENES = {
LOCAL_DATA: <SceneLocalData />,
NETWORK: <SceneSentinel />,
DIRECTORY: <SceneDirectory />,
ARCHIVE: <SceneArchive />,
};
export default class ApplicationPage extends React.Component {

View File

@ -20,6 +20,7 @@ const IconMap = {
PROFILE_PAGE: <SVG.ProfileUser height="20px" />,
SETTINGS_DEVELOPER: <SVG.Tool height="20px" />,
DIRECTORY: <SVG.Directory height="20px" />,
ARCHIVE: <SVG.Layers height="20px" />,
};
const STYLES_NAVIGATION = css`

47
scenes/SceneArchive.js Normal file
View File

@ -0,0 +1,47 @@
import * as React from "react";
import * as System from "~/components/system";
import { css } from "@emotion/react";
import Section from "~/components/core/Section";
import ScenePage from "~/components/core/ScenePage";
import ScenePageHeader from "~/components/core/ScenePageHeader";
export default class SceneArchive extends React.Component {
render() {
return (
<ScenePage>
<ScenePageHeader title="Archive">
Slate provides a way to archive your data onto the Filecoin network.
Once your archive is sealed on the Filecoin network, it will be shown
here.
</ScenePageHeader>
<Section
title="Archives"
onAction={this.props.onAction}
buttons={[
{
name: "Archive",
type: "SIDEBAR",
value: "SIDEBAR_FILECOIN_ARCHIVE",
},
]}
>
<System.Table
data={{
columns: [
{
key: "job",
name: "Job ID",
width: "100%",
},
],
rows: [],
}}
/>
</Section>
</ScenePage>
);
}
}