blob: 27be4c69e8fa3a57700b7b7e12ece17a83e099d8 (
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
38
39
40
|
/*
* SPDX-FileCopyrightText: syuilo and misskey-project
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { comment, CommonPropsMinimum } from '@/server/web/views/_.js';
import type { MiMeta } from '@/models/Meta.js';
export function InfoCardPage(props: CommonPropsMinimum<{
meta: MiMeta;
}>) {
// 変数名をsafeで始めることでエラーをスキップ
const safeDescription = props.meta.description;
return (
<>
{'<!DOCTYPE html>'}
{comment}
<html>
<head>
<meta charset="UTF-8" />
<meta name="application-name" content="Misskey" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title safe>{props.meta.name ?? props.config.url}</title>
<link rel="stylesheet" href="/static-assets/misc/info-card.css" />
</head>
<body>
<a id="a" href={props.config.url} target="_blank" rel="noopener noreferrer">
<header id="banner" style={props.meta.bannerUrl != null ? `background-image: url(${props.meta.bannerUrl});` : ''}>
<div id="title" safe>{props.meta.name ?? props.config.url}</div>
</header>
</a>
<div id="content">
<div id="description">{safeDescription}</div>
</div>
</body>
</html>
</>
);
}
|
