2024年度の更新届を追加

Author: csenet

client/src/components/Header.tsx

@@ -57,6 +57,7 @@ const Header: FC<{}> = () => {
             {jwtData && jwt && (
               <NavDropdown title={jwtData.uid} align="end">
                 <NavDropdown.Item href="/user">ユーザー設定</NavDropdown.Item>
+                <NavDropdown.Item href="/update">更新届提出</NavDropdown.Item>
                 {jwtData.groups.includes("manager") && (
                   <NavDropdown.Item href="/admin">
                     ユーザー管理

client/src/pages/update.tsx

@@ -0,0 +1,31 @@
+import { FC, useEffect, useState } from "react";
+import { Container } from "react-bootstrap";
+import jwt_decode from "jwt-decode";
+
+const UpdatePage: FC<{}> = () => {
+  const [jwt, setJwt] = useState<string | null>(null);
+  const [jwtData, setJwtData] = useState<any>("");
+
+  useEffect(() => {
+    if (!jwt) return;
+    const decoded: any = jwt_decode(jwt);
+    setJwtData(decoded);
+  }, [jwt]);
+
+  useEffect(() => {
+    const token = localStorage.getItem("token");
+    if (!token) return;
+    setJwt(token);
+  }, []);
+
+  return (
+    <>
+      <Container>
+        <h1>更新届提出</h1>
+        <p>2024年度の更新届は以下のリンクから提出してください</p>
+        <a href={"https://docs.google.com/forms/d/e/1FAIpQLSftFmyVdufKYXa0VoDBmjlN5-dlMy5__yLKVMe5fgCHJ4ErWg/viewform?usp=pp_url&entry.800787902="+ jwtData.uid }>2024年度入部/更新届</a>
+      </Container>
+    </>
+  );
+};
+export default UpdatePage;