no log: Replace raw html bold tag inside text with Mantine Text (#2639)

This commit is contained in:
Anderson Shindy Oki 2024-08-29 16:22:24 +09:00 committed by GitHub
parent e5f1528bba
commit 02a91253f0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,5 +1,5 @@
import { FunctionComponent } from "react"; import React, { FunctionComponent } from "react";
import { Code, Space, Table } from "@mantine/core"; import { Code, Space, Table, Text as MantineText } from "@mantine/core";
import { import {
Check, Check,
CollapseBox, CollapseBox,
@ -115,14 +115,16 @@ const commandOptions: CommandOption[] = [
}, },
]; ];
const commandOptionElements: JSX.Element[] = commandOptions.map((op, idx) => ( const commandOptionElements: React.JSX.Element[] = commandOptions.map(
<tr key={idx}> (op, idx) => (
<td> <tr key={idx}>
<Code>{op.option}</Code> <td>
</td> <Code>{op.option}</Code>
<td>{op.description}</td> </td>
</tr> <td>{op.description}</td>
)); </tr>
),
);
const SettingsSubtitlesView: FunctionComponent = () => { const SettingsSubtitlesView: FunctionComponent = () => {
return ( return (
@ -436,8 +438,11 @@ const SettingsSubtitlesView: FunctionComponent = () => {
<Slider settingKey="settings-subsync-subsync_threshold"></Slider> <Slider settingKey="settings-subsync-subsync_threshold"></Slider>
<Space /> <Space />
<Message> <Message>
Only series subtitles with scores <b>below</b> this value will be Only series subtitles with scores{" "}
automatically synchronized. <MantineText fw={700} span>
below
</MantineText>{" "}
this value will be automatically synchronized.
</Message> </Message>
</CollapseBox> </CollapseBox>
<Check <Check
@ -451,8 +456,11 @@ const SettingsSubtitlesView: FunctionComponent = () => {
<Slider settingKey="settings-subsync-subsync_movie_threshold"></Slider> <Slider settingKey="settings-subsync-subsync_movie_threshold"></Slider>
<Space /> <Space />
<Message> <Message>
Only movie subtitles with scores <b>below</b> this value will be Only movie subtitles with scores{" "}
automatically synchronized. <MantineText fw={700} span>
below
</MantineText>{" "}
this value will be automatically synchronized.
</Message> </Message>
</CollapseBox> </CollapseBox>
</CollapseBox> </CollapseBox>
@ -478,8 +486,11 @@ const SettingsSubtitlesView: FunctionComponent = () => {
<Slider settingKey="settings-general-postprocessing_threshold"></Slider> <Slider settingKey="settings-general-postprocessing_threshold"></Slider>
<Space /> <Space />
<Message> <Message>
Only series subtitles with scores <b>below</b> this value will be Only series subtitles with scores{" "}
automatically post-processed. <MantineText fw={700} span>
below
</MantineText>{" "}
this value will be automatically post-processed.
</Message> </Message>
</CollapseBox> </CollapseBox>
<Check <Check
@ -493,8 +504,11 @@ const SettingsSubtitlesView: FunctionComponent = () => {
<Slider settingKey="settings-general-postprocessing_threshold_movie"></Slider> <Slider settingKey="settings-general-postprocessing_threshold_movie"></Slider>
<Space /> <Space />
<Message> <Message>
Only movie subtitles with scores <b>below</b> this value will be Only movie subtitles with scores{" "}
automatically post-processed. <MantineText fw={700} span>
below
</MantineText>{" "}
this value will be automatically post-processed.
</Message> </Message>
</CollapseBox> </CollapseBox>
<Text <Text