Added "Traditional Chinese" language system

This commit is contained in:
Mant0u
2023-12-06 16:48:22 +08:00
parent 909b42f0b9
commit 4146a66405
11 changed files with 1026 additions and 2 deletions
@@ -54,6 +54,7 @@ import { VolumeDownIcon } from "./icons/volume-down-icon.component";
import { GermanIcon } from "./flags/german-icon.component";
import { RussianIcon } from "./flags/russian-icon.component";
import { ChineseIcon } from "./flags/chinese-icon.component";
import { ChineseTraditionalIcon } from "./flags/chineseTraditional-icon.component";
import { JapanIcon } from "./flags/japan-icon.component";
import { MSModelType } from "shared/models/models/model-saber.model";
import { ModelTypeAvatarIcon } from "./icons/model-type-avatar-icon.component";
@@ -65,7 +66,7 @@ import { EyeCrossIcon } from "./icons/eye-cross-icon.component";
import { ShortcutIcon } from "./icons/shortcut-icon.component";
import { BackupRestoreIcon } from "./icons/backup-restore-icon.component";
export type BsmIconType = BsvMapCharacteristic | MSModelType | ("settings" | "trash" | "favorite" | "folder" | "bsNote" | "check" | "three-dots" | "twitch" | "eye" | "play" | "checkCircleIcon" | "discord" | "info" | "eye-cross" | "terminal" | "desktop" | "oculus" | "add" | "cross" | "task" | "github" | "close" | "thumbUpFill" | "timerFill" | "pause" | "twitter" | "sync" | "chevron-top" | "copy" | "steam" | "edit" | "export" | "patreon" | "search" | "bsMapDifficulty" | "link" | "unlink" | "download" | "filter" | "mee6" | "volume-up" | "volume-off" | "volume-down" | "shortcut" | "backup-restore" | "fr-FR-flag" | "es-ES-flag" | "en-US-flag" | "en-EN-flag" | "de-DE-flag" | "ru-RU-flag" | "zh-CN-flag" | "ja-JP-flag");
export type BsmIconType = BsvMapCharacteristic | MSModelType | ("settings" | "trash" | "favorite" | "folder" | "bsNote" | "check" | "three-dots" | "twitch" | "eye" | "play" | "checkCircleIcon" | "discord" | "info" | "eye-cross" | "terminal" | "desktop" | "oculus" | "add" | "cross" | "task" | "github" | "close" | "thumbUpFill" | "timerFill" | "pause" | "twitter" | "sync" | "chevron-top" | "copy" | "steam" | "edit" | "export" | "patreon" | "search" | "bsMapDifficulty" | "link" | "unlink" | "download" | "filter" | "mee6" | "volume-up" | "volume-off" | "volume-down" | "shortcut" | "backup-restore" | "fr-FR-flag" | "es-ES-flag" | "en-US-flag" | "en-EN-flag" | "de-DE-flag" | "ru-RU-flag" | "zh-CN-flag" | "zh-TW-flag" | "ja-JP-flag");
export const BsmIcon = memo(({ className, icon, style }: { className?: string; icon: BsmIconType; style?: CSSProperties }) => {
// TODO : Very ugly very messy, need to find a better way to do this
@@ -122,6 +123,9 @@ export const BsmIcon = memo(({ className, icon, style }: { className?: string; i
if (icon === "zh-CN-flag") {
return <ChineseIcon className={className} style={style} />;
}
if (icon === "zh-TW-flag") {
return <ChineseTraditionalIcon className={className} style={style} />;
}
if (icon === "ja-JP-flag") {
return <JapanIcon className={className} style={style} />;
}
@@ -0,0 +1,18 @@
import { CSSProperties } from "react";
export function ChineseTraditionalIcon(props: { className?: string; style?: CSSProperties }) {
return (
<svg width="71px" height="48px" viewBox="0 0 71 48" fill="none" xmlns="http://www.w3.org/2000/svg" className={props.className} style={props.style}>
<defs />
<g id="Flags">
<path d="M65.6826 47.9999H5.31737C2.38058 47.9999 0 45.5435 0 42.5132V5.48699C0 2.45673 2.38058 0.00012207 5.31737 0.00012207H65.6826C68.6193 0.00012207 71 2.45658 71 5.48699V42.5132C71 45.5435 68.6194 47.9999 65.6826 47.9999Z" fill="#FF4B55"/>
<path d="M1.2242 24H34.2759C34.952 24 35.5001 23.4346 35.5001 22.7368V1.26322C35.5001 0.565643 34.952 0 34.2759 0H5.31737C2.38058 0.000143092 0 2.45661 0 5.48701V22.7371C0 23.4346 0.54817 24 1.2242 24Z" fill="#41479B"/>
<path d="M13.3685 12.0001C13.3685 10.7521 13.8585 9.62222 14.6509 8.80416L10.9797 7.72052C10.7666 7.65771 10.6139 7.93073 10.7731 8.0897L13.5203 10.8306L9.81306 11.7871C9.59812 11.8424 9.59812 12.1578 9.81306 12.2133L13.5203 13.1698L10.7731 15.9107C10.6138 16.0697 10.7666 16.3427 10.9797 16.2799L14.6509 15.1962C13.8585 14.378 13.3685 13.2482 13.3685 12.0001Z" fill="#F5F5F5"/>
<path d="M14.6525 8.80222C15.4453 7.98459 16.5403 7.4789 17.7498 7.4789C18.9593 7.4789 20.0542 7.98459 20.847 8.80222L21.8972 5.014C21.958 4.79407 21.6935 4.63652 21.5394 4.80079L18.8831 7.63545L17.9562 3.81002C17.9026 3.58823 17.597 3.58823 17.5431 3.81002L16.6163 7.63545L13.96 4.80079C13.8059 4.63638 13.5412 4.79407 13.6022 5.014L14.6525 8.80222Z" fill="#F5F5F5"/>
<path d="M20.8473 15.1981C20.0545 16.0157 18.9596 16.5214 17.7501 16.5214C16.5406 16.5214 15.4456 16.0157 14.6528 15.1981L13.6027 18.9865C13.5418 19.2064 13.8064 19.364 13.9605 19.1997L16.6167 16.365L17.5436 20.1905C17.5973 20.4123 17.9029 20.4123 17.9567 20.1905L18.8836 16.365L21.5398 19.1997C21.6939 19.3641 21.9585 19.2064 21.8976 18.9865L20.8473 15.1981Z" fill="#F5F5F5"/>
<path d="M25.6871 11.7868L21.9799 10.8304L24.7269 8.08946C24.8863 7.93048 24.7335 7.65746 24.5203 7.72028L20.8491 8.80392C21.6415 9.62212 22.1316 10.7518 22.1316 11.9999C22.1316 13.2479 21.6415 14.3778 20.8491 15.1958L24.5203 16.2795C24.7335 16.3423 24.8861 16.0693 24.7269 15.9103L21.9799 13.1694L25.6871 12.2129C25.9022 12.1579 25.9022 11.8426 25.6871 11.7868Z" fill="#F5F5F5"/>
<path d="M17.7502 15.6007C19.6771 15.6007 21.2392 13.9888 21.2392 12.0005C21.2392 10.0121 19.6771 8.40027 17.7502 8.40027C15.8233 8.40027 14.2612 10.0121 14.2612 12.0005C14.2612 13.9888 15.8233 15.6007 17.7502 15.6007Z" fill="#F5F5F5"/>
</g>
</svg>
);
}
@@ -3,7 +3,7 @@ export const defaultConfiguration: { [key in DefaultConfigKey]: any } = {
"second-color": "#ff4444",
theme: "os",
language: window.navigator.language.length <= 2 ? `${window.navigator.language}-${window.navigator.language.toLocaleUpperCase()}` : window.navigator.language,
supported_languages: ["en-US", "en-EN", "fr-FR", "es-ES", "de-DE", "ru-RU", "zh-CN", "ja-JP"],
supported_languages: ["en-US", "en-EN", "fr-FR", "es-ES", "de-DE", "ru-RU", "zh-CN", "zh-TW", "ja-JP"],
default_mods: ["SongCore", "WhyIsThereNoLeaderboard", "BeatSaverDownloader", "BeatSaverVoting", "PlaylistManager"],
"default-shared-folders": [
window.electron.path.join("Beat Saber_Data", "CustomLevels"),