Linted the whole project with eslint
This commit was merged in pull request #3.
This commit is contained in:
@@ -2,51 +2,51 @@ import React from "react";
|
||||
import { Container } from "../util/container";
|
||||
import { Section } from "../util/section";
|
||||
import { TinaMarkdown } from "tinacms/dist/rich-text";
|
||||
import type {Template, TinaTemplate} from "tinacms";
|
||||
import type { Template, TinaTemplate } from "tinacms";
|
||||
import { PageBlocksContent } from "../../tina/__generated__/types";
|
||||
import { tinaField } from "tinacms/dist/react";
|
||||
|
||||
export const Content = ({ data }: { data: PageBlocksContent }) => {
|
||||
return (
|
||||
<Section color={data.color}>
|
||||
<Container
|
||||
className={`prose prose-lg ${
|
||||
data.color === "primary" ? `prose-primary` : `dark:prose-dark`
|
||||
}`}
|
||||
data-tina-field={tinaField(data, "body")}
|
||||
size="large"
|
||||
width="medium"
|
||||
>
|
||||
<TinaMarkdown content={data.body} />
|
||||
</Container>
|
||||
</Section>
|
||||
);
|
||||
return (
|
||||
<Section color={ data.color }>
|
||||
<Container
|
||||
className={ `prose prose-lg ${
|
||||
data.color === "primary" ? "prose-primary" : "dark:prose-dark"
|
||||
}` }
|
||||
data-tina-field={ tinaField(data, "body") }
|
||||
size="large"
|
||||
width="medium"
|
||||
>
|
||||
<TinaMarkdown content={ data.body } />
|
||||
</Container>
|
||||
</Section>
|
||||
);
|
||||
};
|
||||
|
||||
export const contentBlockSchema: Template = {
|
||||
name: "content",
|
||||
label: "Content",
|
||||
ui: {
|
||||
previewSrc: "/blocks/content.png",
|
||||
defaultItem: {
|
||||
body: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.",
|
||||
name: "content",
|
||||
label: "Content",
|
||||
ui: {
|
||||
previewSrc: "/blocks/content.png",
|
||||
defaultItem: {
|
||||
body: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede."
|
||||
}
|
||||
},
|
||||
},
|
||||
fields: [
|
||||
{
|
||||
type: "rich-text",
|
||||
label: "Body",
|
||||
name: "body",
|
||||
},
|
||||
{
|
||||
type: "string",
|
||||
label: "Color",
|
||||
name: "color",
|
||||
options: [
|
||||
{ label: "Default", value: "default" },
|
||||
{ label: "Tint", value: "tint" },
|
||||
{ label: "Primary", value: "primary" },
|
||||
],
|
||||
},
|
||||
],
|
||||
fields: [
|
||||
{
|
||||
type: "rich-text",
|
||||
label: "Body",
|
||||
name: "body"
|
||||
},
|
||||
{
|
||||
type: "string",
|
||||
label: "Color",
|
||||
name: "color",
|
||||
options: [
|
||||
{ label: "Default", value: "default" },
|
||||
{ label: "Tint", value: "tint" },
|
||||
{ label: "Primary", value: "primary" }
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user