Develop (#28)

* change domain * fix github actions * fix origin protocl policy * fix cache value * brotli * origin request policy * origin request policy * origin request policy * origin request policy * origin request policy * origin request policy * origin request policy * origin request policy * optimize brand-icon * 利用上の注意の追加 * MSAL login * fix: type proto * fix * output distribution * redirect www if prod * add vscode-workspace * stop service
ycu-engine · Mar 27, 2021 · 6f5f5ae · 6f5f5ae
1 parent d17d1ce
commit 6f5f5ae
Show file tree

Hide file tree

Showing 6 changed files with 179 additions and 145 deletions.
diff --git a/web/src/__generated__/gatsby-types.ts b/web/src/__generated__/gatsby-types.ts
diff --git a/web/src/news/2021-03-24_shutdown.md b/web/src/news/2021-03-24_shutdown.md
@@ -0,0 +1,11 @@
+---
+date: "2021-03-24"
+title: サービス停止について
+---
+
+大学との幾度かの面談の末、YCUスケジュールはサービスを停止することといたしました。
+今まで利用していただいた方や、応援していただいた方に心から御礼申し上げます。
+YCUスケジュールは停止してしまいますが、これからもより便利でより快適な大学生活を送るためのサービスを開発していきます。何卒よろしくお願いします。
+なお、YCUスケジュールについてや、その他要望などあればYCUスケジュールの開発サークルの[Engine](https://twitter.com/ycu_engine)へメッセージいただければと思います。
+
+短い間でしたが、本当にありがとうございました。
diff --git a/web/src/pages/index.tsx b/web/src/pages/index.tsx
@@ -16,40 +16,37 @@ import { apiBasePath } from "~/lib/api/base"
 
 const IndexPage = (): JSX.Element => {
   console.log(apiBasePath)
-  const {
-    site,
-    allMarkdownRemark,
-  } = useStaticQuery<GatsbyTypes.IndexPageQuery>(graphql`
+  const { site, allFile } = useStaticQuery<GatsbyTypes.IndexPageQuery>(graphql`
     query IndexPage {
       site {
         siteMetadata {
           description
         }
       }
-      allMarkdownRemark(
-        sort: { fields: frontmatter___date, order: DESC }
+      allFile(
+        filter: { sourceInstanceName: { eq: "news" } }
+        sort: {
+          fields: childrenMarkdownRemark___frontmatter___date
+          order: DESC
+        }
         limit: 1
       ) {
         nodes {
           id
-          htmlAst
-          frontmatter {
-            date
-            title
-          }
-          parent {
-            ... on File {
-              name
+          name
+          childMarkdownRemark {
+            htmlAst
+            frontmatter {
+              date
+              title
             }
           }
         }
       }
     }
   `)
 
-  const latestNews = useMemo(() => allMarkdownRemark.nodes[0], [
-    allMarkdownRemark.nodes,
-  ])
+  const latestNews = useMemo(() => allFile.nodes[0], [allFile.nodes])
 
   return (
     <Fragment>
@@ -80,9 +77,11 @@ const IndexPage = (): JSX.Element => {
 
       <Card>
         <Heading1>📗 お知らせ</Heading1>
-        <Heading2>{latestNews.frontmatter?.title}</Heading2>
-        <Heading3>{latestNews.frontmatter?.date}</Heading3>
-        {renderAst(latestNews.htmlAst)}
+        <Heading2>
+          {latestNews.childMarkdownRemark?.frontmatter?.title}
+        </Heading2>
+        <Heading3>{latestNews.childMarkdownRemark?.frontmatter?.date}</Heading3>
+        {renderAst(latestNews.childMarkdownRemark?.htmlAst)}
         <Paragraph>
           <InnerLink to="/news">以前のお知らせ</InnerLink>
         </Paragraph>

diff --git a/web/src/pages/login.tsx b/web/src/pages/login.tsx
@@ -1,87 +1,83 @@
-import { useMsal } from "@azure/msal-react"
-import { Fragment, memo } from "react"
-import { Button, ButtonList } from "~/components/molecules/Button"
+import { Fragment } from "react"
 import { Card } from "~/components/molecules/Card"
 import { Heading1 } from "~/components/molecules/Heading"
 import { InnerLink, Paragraph } from "~/components/molecules/Typography"
 import { SEO } from "~/components/organisms/SEO"
-import { loginRequest } from "~/lib/msal"
-import { useToast } from "~/store/toast"
 
-const LoginPageBody = memo(() => {
-  const { createToast } = useToast()
-  const { instance, accounts, inProgress } = useMsal()
+// const LoginPageBody = memo(() => {
+//   const { createToast } = useToast()
+//   const { instance, accounts, inProgress } = useMsal()
 
-  if (accounts.length > 0) {
-    const account = accounts[0]
-    return (
-      <Fragment>
-        <Card>
-          <Paragraph>
-            {account.username}
-            でログインしています！
-            <br />
-            アカウントが違う場合やログアウトする場合は下のボタンをクリックしてください。
-          </Paragraph>
-        </Card>
-        <ButtonList>
-          <Button as="button" main onClick={() => instance.logout()}>
-            ログアウト
-          </Button>
-        </ButtonList>
-      </Fragment>
-    )
-  } else if (inProgress === "login") {
-    return (
-      <Card>
-        <Paragraph>ただいまログイン処理中です...</Paragraph>
-      </Card>
-    )
-  } else {
-    return (
-      <Fragment>
-        <Card>
-          <Paragraph>
-            会員登録は不要でMicrosoftのアカウントでログインするだけで、すぐに利用を開始することができます。
-            <br />
-            <InnerLink to="/readme">利用上の注意</InnerLink>
-            を確認した上でYCUスケジュールの利用を開始しましょう。
-          </Paragraph>
-        </Card>
-        <ButtonList>
-          <Button
-            as="button"
-            onClick={async () => {
-              try {
-                await instance.loginPopup(loginRequest)
-                createToast({
-                  level: "success",
-                  text: "ログインに成功しました",
-                })
-              } catch (e) {
-                if (e.errorCode === "user_cancelled") {
-                  createToast({
-                    level: "info",
-                    text: "ログインがキャンセルされました",
-                  })
-                } else {
-                  console.dir(e)
-                  createToast({
-                    level: "error",
-                    text: "ログインに失敗しました",
-                  })
-                }
-              }
-            }}
-            main
-          >
-            ログイン
-          </Button>
-        </ButtonList>
-      </Fragment>
-    )
-  }
-})
+//   if (accounts.length > 0) {
+//     const account = accounts[0]
+//     return (
+//       <Fragment>
+//         <Card>
+//           <Paragraph>
+//             {account.username}
+//             でログインしています！
+//             <br />
+//             アカウントが違う場合やログアウトする場合は下のボタンをクリックしてください。
+//           </Paragraph>
+//         </Card>
+//         <ButtonList>
+//           <Button as="button" main onClick={() => instance.logout()}>
+//             ログアウト
+//           </Button>
+//         </ButtonList>
+//       </Fragment>
+//     )
+//   } else if (inProgress === "login") {
+//     return (
+//       <Card>
+//         <Paragraph>ただいまログイン処理中です...</Paragraph>
+//       </Card>
+//     )
+//   } else {
+//     return (
+//       <Fragment>
+//         <Card>
+//           <Paragraph>
+//             会員登録は不要でMicrosoftのアカウントでログインするだけで、すぐに利用を開始することができます。
+//             <br />
+//             <InnerLink to="/readme">利用上の注意</InnerLink>
+//             を確認した上でYCUスケジュールの利用を開始しましょう。
+//           </Paragraph>
+//         </Card>
+//         <ButtonList>
+//           <Button
+//             as="button"
+//             onClick={async () => {
+//               try {
+//                 await instance.loginPopup(loginRequest)
+//                 createToast({
+//                   level: "success",
+//                   text: "ログインに成功しました",
+//                 })
+//               } catch (e) {
+//                 if (e.errorCode === "user_cancelled") {
+//                   createToast({
+//                     level: "info",
+//                     text: "ログインがキャンセルされました",
+//                   })
+//                 } else {
+//                   console.dir(e)
+//                   createToast({
+//                     level: "error",
+//                     text: "ログインに失敗しました",
+//                   })
+//                 }
+//               }
+//             }}
+//             main
+//           >
+//             ログイン
+//           </Button>
+//         </ButtonList>
+//       </Fragment>
+//     )
+//   }
+// })
 
 const LoginPage = (): JSX.Element => {
   return (
@@ -94,8 +90,17 @@ const LoginPage = (): JSX.Element => {
           <br />
           また、 yokohama-cu.ac.jp 以外のアカウントでは利用できません。
         </Paragraph>
+        <Paragraph>
+          YCUスケジュールは現在サービスを停止しています。
+          <br />
+          詳しくは、
+          <InnerLink to="/news/2021-03-24_shutdown">
+            サービス停止について
+          </InnerLink>
+          をご覧ください。
+        </Paragraph>
       </Card>
-      <LoginPageBody />
+      {/* <LoginPageBody /> */}
     </Fragment>
   )
 }