feat: logout button

Sports-day · Apr 21, 2024 · 647290e · 647290e
1 parent 7c75fb4
commit 647290e
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/app/(authenticated)/sports/[id]/page.tsx b/app/(authenticated)/sports/[id]/page.tsx
@@ -3,6 +3,7 @@ import {SportInfoField} from "@/components/sports/sportInfoField";
 import {Accordion, AccordionSummary, AccordionDetails, Stack, Grid, Link, Typography, Breadcrumbs} from "@mui/material";
 import {ButtonLarge} from "@/components/layout/buttonLarge";
 import {HiChevronDown} from "react-icons/hi2";
+import CardList from "@/components/layout/cardList";
 
 export default function SportPage() {
     return(
@@ -35,6 +36,11 @@ export default function SportPage() {
                     <ButtonLarge>Bリーグ</ButtonLarge>
                 </Grid>
             </CardBackground>
+            <CardBackground title={"競技名の現在進行中の試合"}>
+                <Grid container>
+                    <CardList sport={"a"} league={"a"} judge={"a"} left={"a"} right={"a"} time={"11:11"} location={"a"}/>
+                </Grid>
+            </CardBackground>
         </Stack>
     )
 }
diff --git a/components/layout/navigation.tsx b/components/layout/navigation.tsx
@@ -1,8 +1,8 @@
 'use client'
 import * as React from 'react'
-import {AppBar, Box, Button, Drawer, Stack, SvgIcon, Toolbar, Typography} from "@mui/material";
+import {AppBar, Box, Button, Drawer, IconButton, Stack, SvgIcon, Toolbar, Typography} from "@mui/material";
 import Image from "next/image";
-import {HiHome, HiMegaphone,　HiMiniNewspaper, HiUser, HiUserGroup, HiTableCells, HiRectangleGroup, HiTrophy} from "react-icons/hi2";
+import {HiHome, HiMegaphone,　HiMiniNewspaper, HiUser, HiUserGroup, HiTableCells, HiRectangleGroup, HiTrophy, HiArrowRightOnRectangle} from "react-icons/hi2";
 import WiderLogo from "@/components/svg/wider";
 import Link from  "next/link"
 
@@ -162,6 +162,25 @@ export const Navigation = () => {
                             </Stack>
                         </Button>
                     </Stack>
+                    <Button
+                        variant={"outlined"}
+                        sx={{
+                            py:1.5,
+                            mb:2,
+                            width:"100%",
+                            fontWeight: "600",
+                            background:"rgba(62,78,179,0.2)",
+                    }}
+                        component={Link}
+                        href={"/tournament"}
+                    >
+                        <Stack spacing={1} mx={1} width={"100%"} direction={"row"} justifyContent={"flex-start"} alignItems="center">
+                            <SvgIcon fontSize={"small"}>
+                                <HiArrowRightOnRectangle/>
+                            </SvgIcon>
+                            <Typography>ログアウト</Typography>
+                        </Stack>
+                    </Button>
                     <Stack width={"100%"} justifyContent="center" alignItems="center" direction={"row"} spacing={0.5}>
                         <Typography fontWeight={"600"} color={"#9aa6e5"}>(C)2024</Typography>
                         <WiderLogo/>