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

chore(objectPreviews): remove unnecessary object for placeholders

Browse Source
This commit is contained in:
Aminejv 2021-07-20 11:15:56 +01:00
parent 4a4c0ad594
commit 587b2fe90c
9 changed files with 0 additions and 400 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
components/core/ObjectPreview/3dObjectPreview.js
View File

@ -1,38 +0,0 @@
import "isomorphic-fetch";
import * as React from "react";
import * as Styles from "~/common/styles";
import { P3 } from "~/components/system";
import { css } from "@emotion/react";
import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
import ObjectPlaceholder from "./placeholders/3D";
const STYLES_CONTAINER = css`
height: 100%;
`;
const STYLES_TAG = (theme) => css`
position: absolute;
text-transform: uppercase;
background-color: ${theme.semantic.bgLight};
bottom: 25%;
left: 50%;
transform: translateX(-50%);
padding: 2px 8px;
border-radius: 4px;
`;
export default function Object3DPreview(props) {
return (
<ObjectPreviewPrimitive {...props}>
<div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
<ObjectPlaceholder />
<div css={STYLES_TAG}>
<P3>3D</P3>
</div>
</div>
</ObjectPreviewPrimitive>
);
}

41
components/core/ObjectPreview/AudioObjectPreview.js
View File

@ -1,41 +0,0 @@
import "isomorphic-fetch";
import * as React from "react";
import * as Styles from "~/common/styles";
import * as Utilities from "~/common/utilities";
import { P3 } from "~/components/system";
import { css } from "@emotion/react";
import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
import AudioPlaceholder from "./placeholders/Audio";
const STYLES_CONTAINER = css`
height: 100%;
`;
const STYLES_TAG = (theme) => css`
position: absolute;
text-transform: uppercase;
background-color: ${theme.semantic.bgLight};
bottom: 23.7%;
left: 50%;
transform: translateX(-50%);
padding: 2px 8px;
border-radius: 4px;
`;
export default function AudioObjectPreview({ file, ...props }) {
const tag = Utilities.getFileExtension(file.filename) || "audio";
return (
<ObjectPreviewPrimitive file={file} {...props}>
<div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
<AudioPlaceholder />
<div css={STYLES_TAG}>
<P3>{tag}</P3>
</div>
</div>
</ObjectPreviewPrimitive>
);
}

40
components/core/ObjectPreview/CodeObjectPreview.js
View File

@ -1,40 +0,0 @@
import "isomorphic-fetch";
import * as React from "react";
import * as Styles from "~/common/styles";
import * as Utilities from "~/common/utilities";
import { P3 } from "~/components/system";
import { css } from "@emotion/react";
import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
import CodePlaceholder from "./placeholders/Code";
const STYLES_CONTAINER = css`
height: 100%;
`;
const STYLES_TAG = (theme) => css`
position: absolute;
text-transform: uppercase;
background-color: ${theme.semantic.bgLight};
bottom: 27%;
left: 50%;
transform: translateX(-50%);
padding: 2px 8px;
border-radius: 4px;
`;
export default function CodeObjectPreview({ file, ...props }) {
const tag = Utilities.getFileExtension(file.filename) || "code";
return (
<ObjectPreviewPrimitive file={file} {...props}>
<div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
<CodePlaceholder />
<div css={STYLES_TAG}>
<P3>{tag}</P3>
</div>
</div>
</ObjectPreviewPrimitive>
);
}

36
components/core/ObjectPreview/DefaultObjectPreview.js
View File

@ -1,36 +0,0 @@
import * as React from "react";
import * as Styles from "~/common/styles";
import { P3 } from "~/components/system";
import { css } from "@emotion/react";
import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
import FilePlaceholder from "./placeholders/File";
const STYLES_CONTAINER = css`
height: 100%;
`;
const STYLES_TAG = (theme) => css`
position: absolute;
text-transform: uppercase;
background-color: ${theme.semantic.bgLight};
bottom: 26%;
left: 50%;
transform: translateX(-50%);
padding: 2px 8px;
border-radius: 4px;
`;
export default function DefaultObjectPreview(props) {
return (
<ObjectPreviewPrimitive {...props}>
<div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
<FilePlaceholder />
<div css={STYLES_TAG}>
<P3>FILE</P3>
</div>
</div>
</ObjectPreviewPrimitive>
);
}

38
components/core/ObjectPreview/EpubObjectPreview.js
View File

@ -1,38 +0,0 @@
import "isomorphic-fetch";
import * as React from "react";
import * as Styles from "~/common/styles";
import { P3 } from "~/components/system";
import { css } from "@emotion/react";
import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
import EpubPlaceholder from "./placeholders/EPUB";
const STYLES_CONTAINER = css`
height: 100%;
`;
const STYLES_TAG = (theme) => css`
position: absolute;
text-transform: uppercase;
background-color: ${theme.semantic.bgLight};
bottom: 32%;
left: 50%;
transform: translateX(-50%);
padding: 2px 8px;
border-radius: 4px;
`;
export default function EpubObjectPreview(props) {
return (
<ObjectPreviewPrimitive {...props}>
<div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
<EpubPlaceholder />
<div css={STYLES_TAG}>
<P3>EPUB</P3>
</div>
</div>
</ObjectPreviewPrimitive>
);
}

38
components/core/ObjectPreview/KeynoteObjectPreview.js
View File

@ -1,38 +0,0 @@
import "isomorphic-fetch";
import * as React from "react";
import * as Styles from "~/common/styles";
import { P3 } from "~/components/system";
import { css } from "@emotion/react";
import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
import KeynotePlaceholder from "./placeholders/Keynote";
const STYLES_CONTAINER = css`
height: 100%;
`;
const STYLES_TAG = (theme) => css`
position: absolute;
text-transform: uppercase;
background-color: ${theme.semantic.bgLight};
bottom: 36%;
left: 50%;
transform: translateX(-50%);
padding: 2px 8px;
border-radius: 4px;
`;
export default function KeynoteObjectPreview(props) {
return (
<ObjectPreviewPrimitive {...props}>
<div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
<KeynotePlaceholder />
<div css={STYLES_TAG}>
<P3>KEYNOTE</P3>
</div>
</div>
</ObjectPreviewPrimitive>
);
}

39
components/core/ObjectPreview/PdfObjectPreview.js
View File

@ -1,39 +0,0 @@
import "isomorphic-fetch";
import * as React from "react";
import * as Styles from "~/common/styles";
import { P3 } from "~/components/system";
import { css } from "@emotion/react";
import PdfPlaceholder from "./placeholders/PDF";
import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
const STYLES_CONTAINER = css`
position: relative;
height: 100%;
`;
const STYLES_TAG = (theme) => css`
position: absolute;
text-transform: uppercase;
background-color: ${theme.semantic.bgLight};
bottom: 27%;
left: 50%;
transform: translateX(-50%);
padding: 2px 8px;
border-radius: 4px;
`;
export default function PDFObjectPreview(props) {
return (
<ObjectPreviewPrimitive {...props}>
<div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
<PdfPlaceholder />
<div css={STYLES_TAG}>
<P3>PDF</P3>
</div>
</div>
</ObjectPreviewPrimitive>
);
}

40
components/core/ObjectPreview/VideoObjectPreview.js
View File

@ -1,40 +0,0 @@
import "isomorphic-fetch";
import * as React from "react";
import * as Styles from "~/common/styles";
import { P3 } from "~/components/system";
import { css } from "@emotion/react";
import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
import VideoPlaceholder from "./placeholders/Video";
const STYLES_CONTAINER = css`
height: 100%;
`;
const STYLES_TAG = (theme) => css`
position: absolute;
text-transform: uppercase;
background-color: ${theme.semantic.bgLight};
bottom: 31.5%;
left: 50%;
transform: translateX(-50%);
padding: 2px 8px;
border-radius: 4px;
`;
export default function VideoObjectPreview({ file, ...props }) {
const { type } = file.data;
const tag = type.split("/")[1];
return (
<ObjectPreviewPrimitive file={file} {...props}>
<div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
<VideoPlaceholder />
<div css={STYLES_TAG}>
<P3>{tag}</P3>
</div>
</div>
</ObjectPreviewPrimitive>
);
}

90
components/core/ObjectPreview/placeholders/Text.js
View File

File diff suppressed because one or more lines are too long