From 5d4dde76f6841658a7ab99896eb11deb429a738f Mon Sep 17 00:00:00 2001 From: Hiroshiba Date: Tue, 25 Jun 2024 07:09:55 +0900 Subject: [PATCH] =?UTF-8?q?=E3=83=95=E3=82=A9=E3=83=BC=E3=83=9E=E3=83=83?= =?UTF-8?q?=E3=83=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- gatsby-node.ts | 4 ++-- src/pages/news/index.tsx | 18 ++++++++++-------- src/templates/newsPost.tsx | 10 +++++----- 3 files changed, 17 insertions(+), 15 deletions(-) diff --git a/gatsby-node.ts b/gatsby-node.ts index 85b1e806..28f503fe 100644 --- a/gatsby-node.ts +++ b/gatsby-node.ts @@ -4,8 +4,8 @@ * See: https://www.gatsbyjs.com/docs/node-apis/ */ import type { GatsbyNode } from "gatsby" -import { characterKeys, characterInfos } from "./src/constants" import path from "path" +import { characterInfos, characterKeys } from "./src/constants" export const sourceNodes: GatsbyNode["sourceNodes"] = async ({ actions, @@ -34,7 +34,7 @@ export const sourceNodes: GatsbyNode["sourceNodes"] = async ({ export const createPages: GatsbyNode["createPages"] = async ({ actions, - graphql + graphql, }) => { const { createPage } = actions diff --git a/src/pages/news/index.tsx b/src/pages/news/index.tsx index c8fbcf31..0fc2b801 100644 --- a/src/pages/news/index.tsx +++ b/src/pages/news/index.tsx @@ -1,16 +1,16 @@ +import { Link, graphql, useStaticQuery } from "gatsby" import React from "react" import "../../components/layout.scss" import { Page } from "../../components/page" import Seo from "../../components/seo" -import { Link, graphql, useStaticQuery } from "gatsby" import shareThumb from "../../images/nemo/share-thumbnail.png" const NewsIndex = () => { const data = useStaticQuery(graphql` query IndexPage { - allMarkdownRemark ( - filter: {fileAbsolutePath: {regex: "/news/"}} - sort: {frontmatter: {date: DESC}} + allMarkdownRemark( + filter: { fileAbsolutePath: { regex: "/news/" } } + sort: { frontmatter: { date: DESC } } ) { edges { node { @@ -24,7 +24,7 @@ const NewsIndex = () => { } } } - `); + `) return ( @@ -36,13 +36,15 @@ const NewsIndex = () => { />
-

ニュース

- {data.allMarkdownRemark.edges.map((edge) => ( +

ニュース

+ {data.allMarkdownRemark.edges.map(edge => (
{edge.node.frontmatter!.title} -

{edge.node.frontmatter!.date}

+

+ {edge.node.frontmatter!.date} +

))}
diff --git a/src/templates/newsPost.tsx b/src/templates/newsPost.tsx index dc3ad385..37a69423 100644 --- a/src/templates/newsPost.tsx +++ b/src/templates/newsPost.tsx @@ -1,12 +1,12 @@ +import { graphql } from "gatsby" import React from "react" import "../components/layout.scss" import { Page } from "../components/page" import Seo from "../components/seo" -import { graphql } from "gatsby" const NewsPost = ({ data }) => { - const { markdownRemark } = data; - const { frontmatter, html } = markdownRemark; + const { markdownRemark } = data + const { frontmatter, html } = markdownRemark return ( @@ -30,7 +30,7 @@ const NewsPost = ({ data }) => { } export const query = graphql` - query($slug: String!) { + query ($slug: String!) { markdownRemark(frontmatter: { slug: { eq: $slug } }) { html frontmatter { @@ -40,6 +40,6 @@ export const query = graphql` } } } -`; +` export default NewsPost