summaryrefslogtreecommitdiff
path: root/packages/backend/src/server/web/views/reversi-game.tsx
blob: d969b4757590030280b4559b17f155bdae18f2c4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*
 * SPDX-FileCopyrightText: syuilo and misskey-project
 * SPDX-License-Identifier: AGPL-3.0-only
 */

import type { Packed } from '@/misc/json-schema.js';
import type { CommonProps } from '@/server/web/views/_.js';
import { Layout } from '@/server/web/views/base.js';

export function ReversiGamePage(props: CommonProps<{
	reversiGame: Packed<'ReversiGameDetailed'>;
}>) {
	const title = `${props.reversiGame.user1.username} vs ${props.reversiGame.user2.username}`;
	const description = `⚫⚪Misskey Reversi⚪⚫`;

	function ogBlock() {
		return (
			<>
				<meta property="og:type" content="article" />
				<meta property="og:title" content={title} />
				<meta property="og:description" content={description} />
				<meta property="og:url" content={`${props.config.webUrl}/reversi/g/${props.reversiGame.id}`} />
				<meta property="twitter:card" content="summary" />
			</>
		);
	}

	return (
		<Layout
			{...props}
			title={`${title} | ${props.instanceName}`}
			desc={description}
			ogSlot={ogBlock()}
		>
		</Layout>
	);
}