Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature/link api minimum #24

Merged
merged 3 commits into from
Apr 26, 2024
Merged

Feature/link api minimum #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
647290e
feat: logout button
1nayu Apr 21, 2024
347942e
feat: Navigation IconButton Mockup
1nayu Apr 24, 2024
2e7df0b
Merge branch 'main' into feature/link-api-minimum
1nayu Apr 26, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions app/(authenticated)/sports/[id]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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(
Expand Down Expand Up @@ -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>
)
}
77 changes: 77 additions & 0 deletions components/layout/navPrivacyPolicyDrawer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
'use client'
import {Container, Button, AppBar, Box, SwipeableDrawer, IconButton, Tooltip, BottomNavigation,} from "@mui/material";
import React from 'react';
import {HiBuildingLibrary, HiXMark} from "react-icons/hi2";
import PrivacyPolicy from "@/components/layout/privacyPolicy";

const NavPrivacyPolicyDrawer = () => {
const [open, setOpen] = React.useState(false);

const toggleDrawer = (newOpen: boolean) => () => {
setOpen(newOpen);
};

const DrawerList = (
<>
<BottomNavigation
sx={{
position: "fixed",
bottom: 0, left: 0, right: 0,
zIndex: "128",
background:"rgba(62,78,179,0.8)",
backdropFilter: 'blur(4px)',
}}
>
<Box
sx={{
width: '100vw', height: 'auto', overflow: 'scrollable', my:1.5
}}
>
<Container maxWidth={"xl"}>
<Button
sx={{width:"100%"}}
color="secondary"
onClick={toggleDrawer(false)}
aria-label="close"
startIcon={<HiXMark/>}
>
閉じる
</Button>
</Container>
</Box>
</BottomNavigation>
<Box
sx={{
width: '99vw', height: 'auto', overflow: 'scrollable', mt: 10, mb: 10
}}
role="presentation"
onClick={toggleDrawer(false)}
onKeyDown={toggleDrawer( false)}
>
<PrivacyPolicy/>
</Box>
</>
);

return (
<>
<Tooltip title={"プライバシーポリシー"} arrow>
<IconButton
onClick={toggleDrawer(true)}
>
<HiBuildingLibrary color={"#eff0f8"}/>
</IconButton>
</Tooltip>
<SwipeableDrawer
open={open}
onClose={toggleDrawer(false)}
onOpen={toggleDrawer(true)}
anchor={"bottom"}
>
{DrawerList}
</SwipeableDrawer>
</>
);
};

export default NavPrivacyPolicyDrawer;
23 changes: 19 additions & 4 deletions components/layout/navigation.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
'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, Tooltip, 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 {SiGithub} from "react-icons/si";
import WiderLogo from "@/components/svg/wider";
import Link from "next/link"
import NavPrivacyPolicyDrawer from "@/components/layout/navPrivacyPolicyDrawer";

export const Navigation = () => {
const drawerWidth = 303;
Expand All @@ -30,7 +32,7 @@ export const Navigation = () => {
sx: {
backgroundColor: "#7F8CD6",
color: "#fff",
mt:8
pt:8
}
}}
sx={{
Expand Down Expand Up @@ -162,7 +164,20 @@ export const Navigation = () => {
</Stack>
</Button>
</Stack>
<Stack width={"100%"} justifyContent="center" alignItems="center" direction={"row"} spacing={0.5}>
<Stack spacing={1} width={"100%"} direction={"row"} justifyContent={"space-around"} alignItems="center">
<Tooltip title={"ログアウト"} arrow>
<IconButton>
<HiArrowRightOnRectangle color={"#eff0f8"}/>
</IconButton>
</Tooltip>
<Tooltip title={"GitHub"} arrow>
<IconButton>
<SiGithub color={"#eff0f8"}/>
</IconButton>
</Tooltip>
<NavPrivacyPolicyDrawer/>
</Stack>
<Stack width={"100%"} py={2} justifyContent="center" alignItems="center" direction={"row"} spacing={0.5}>
<Typography fontWeight={"600"} color={"#9aa6e5"}>(C)2024</Typography>
<WiderLogo/>
</Stack>
Expand Down
79 changes: 79 additions & 0 deletions components/layout/privacyPolicy.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
import {Stack, Divider, Typography, Card, Container} from "@mui/material";
import WiderLogo from "@/components/svg/wider";

const PrivacyPolicy = () => {
return (
<Container maxWidth={"xl"}>
<Stack spacing={2}>
<Typography variant={"h4"}>SPORTSDAYの個人情報取り扱い方針</Typography>
<Divider/>
<Typography variant={"h6"}>どのような情報を収集しますか？</Typography>
<Typography>当サイトを利用すると、以下の情報が収集されることがあります。</Typography>
<Card variant={"outlined"} sx={{p:2}}>
<Stack spacing={1}>
<Typography fontWeight={"600"}>基本的なアカウント情報</Typography>
<Divider/>
<Typography>当サイトを利用するためには、Microsoftアカウントの基本的な情報（名前・アイコン）を取得します。また、参加する競技やチーム・リーグ・トーナメント・得点状況といった大会進行にしたがって必要な情報は、SPORTSDAY Adminを用いて登録されます。これらの情報は他のSPORTSDAYユーザーに公開されます。</Typography>
</Stack>
</Card>
<Card variant={"outlined"} sx={{p:2}}>
<Stack spacing={1}>
<Typography fontWeight={"600"}>Cookie</Typography>
<Divider/>
<Typography>当サイトを利用すると、お使いのブラウザのCookieを利用します。CookieはSPORTSDAYの利用に伴う情報のみが保存・利用されます。Cookieが許可されていなければ、SPORTSDAYが正常に動作しない可能性があります。</Typography>
</Stack>
</Card>
<Card variant={"outlined"} sx={{p:2}}>
<Stack spacing={1}>
<Typography fontWeight={"600"}>その他のデータ</Typography>
<Divider/>
<Typography>アンケートや基本的な使用状況（アクセス数）は、SPORTSDAYの管理者（大会運営者）が閲覧することがあります。</Typography>
</Stack>
</Card>
<Divider/>
<Typography variant={"h6"}>情報は何に使用されますか？</Typography>
<Typography>収集した情報は次のように使用されることがあります。</Typography>
<Card variant={"outlined"} sx={{p:2}}>
<Stack spacing={1}>
<Typography fontWeight={"600"}>SPORTSDAYのコア機能の提供</Typography>
<Divider/>
<Typography>基本的なアカウント情報は大会実施期間に限り、他のユーザーに競技一覧や進行状況として見ることで、大会の現況を把握することができるようにするために使用されます。また、大会運営者が大会前にリーグ・トーナメント・試合時間の調整を行う際や、大会進行時に競技の得点を入力する際に、ユーザーまたはチームを識別するために最低限の情報を表示することがあります。</Typography>
</Stack>
</Card>
<Card variant={"outlined"} sx={{p:2}}>
<Stack spacing={1}>
<Typography fontWeight={"600"}>ログイン状態の識別</Typography>
<Divider/>
<Typography>Cookieは、主にSPORTSDAYにログインしているかどうかを識別するために利用されます。</Typography>
</Stack>
</Card>
<Card variant={"outlined"} sx={{p:2}}>
<Stack spacing={1}>
<Typography fontWeight={"600"}>SPORTSDAYの改善</Typography>
<Divider/>
<Typography>当サイトでは、一部でアクセス解析ツールであるGoogle Analyticsを使用しており、そのためにCookieを利用することがあります。アンケートの回答結果やアクセス数などの情報は、SPORTSDAYの開発者や運営者が今後のシステム改善のためだけに閲覧することがあります。</Typography>
</Stack>
</Card>
<Divider/>
<Typography variant={"h6"}>情報をどのように保護しますか？</Typography>
<Typography>SPORTSDAY開発者は、ユーザーが入力・送信する際や自身の情報にアクセスする際に個人情報を安全に保つため、さまざまなセキュリティ上の対策を実施しています。アプリケーションとユーザーの間の通信はSSL/TLSによって保護されます。また、ログイン処理はOIDCを用いており、SPORTSDAY開発者はパスワードなどの情報を一切収集することができません。</Typography>
<Divider/>
<Typography variant={"h6"}>データの保持はどのように行われますか？</Typography>
<Typography>SPORTSDAY開発者は誠意を持って次のように努めます：大会を通して収集されたアンケート結果以外のデータは、大会期間（大会当日の前後約1ヶ月）のみサーバーに保持されます。大会期間を過ぎると直ちに削除され、サーバーのストレージを完全にクリーンな状態にして安全に処理します。</Typography>
<Divider/>
<Typography variant={"h6"}>何らかの情報を外部に提供していますか？</Typography>
<Typography>SPORTSDAY開発者は、個人を特定できるいかなる情報を外部へ提供・流出することはありません。ただし、アンケート結果から得られた評価など、実際の大会で得られたデータのうち個人の特定が不可能な情報のみをSPORTSDAYのプロモーションや発表のために利用する場合があります。</Typography>
<Divider/>
<Typography variant={"h6"}>プライバシーポリシーの変更について</Typography>
<Typography>プライバシーポリシーの変更があった場合、このページに変更を掲載します。</Typography>
<Typography>最終更新：2024年4月17日</Typography>
<Stack direction={"row"} spacing={0.5}>
<Typography fontWeight={"600"} color={"#99a5d6"}>(C)2024</Typography>
<WiderLogo/>
</Stack>
</Stack>
</Container>
);
};

export default PrivacyPolicy;
Loading
Loading