diff --git a/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/SupportersContainer.jsx b/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/SupportersContainer.jsx index 6eff53f0..085a2813 100644 --- a/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/SupportersContainer.jsx +++ b/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/SupportersContainer.jsx @@ -2,6 +2,7 @@ import styles from "./SupportersContainer.module.scss"; import { SupportersWrapper } from "./supporters_wrapper/SupportersWrapper"; import { useSupporters } from "@logics_configs"; import { supporters_images_url } from "@ui_configs"; +import vrct_supporters_title from "@images/supporters/vrct_supporters_title.png"; export const SupportersContainer = () => { const { currentSupportersData } = useSupporters(); @@ -14,7 +15,10 @@ export const SupportersContainer = () => { return (
- +
+ + +

{`みなさんのおかげで、みしゃ社長は布団で寝ることを許され(in開発室) しいなは喜び庭駆け回っています!!!ふわもちもぐもぐです!ありがとうございます。これからもまだまだ進化するVRCTをどうかよろしくお願いします!\nThanks to everyone, Misha has been granted the privilege of sleeping in a proper bed (in the development room), and Shiina is so happy, running around the yard! Fuwa-mochi-mogu-mogu! Thank you so much! We hope you'll continue to support the ever-evolving VRCT!`}

diff --git a/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/SupportersContainer.module.scss b/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/SupportersContainer.module.scss index 7174d6f4..f873b328 100644 --- a/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/SupportersContainer.module.scss +++ b/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/SupportersContainer.module.scss @@ -5,8 +5,19 @@ flex-direction: column; gap: 1rem; } + +.vrct_supporters_title_wrapper { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 0.2rem; +} .vrct_supporters_title { - height: 6rem; + height: 4.2rem; +} +.calc_period { + height: 1.6rem; } .vrct_supporters_desc_end { diff --git a/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/supporters_wrapper/SupportersWrapper.jsx b/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/supporters_wrapper/SupportersWrapper.jsx index 85e708a6..21317d81 100644 --- a/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/supporters_wrapper/SupportersWrapper.jsx +++ b/src-ui/app/config_page/setting_section/setting_box/supporters/supporters_container/supporters_wrapper/SupportersWrapper.jsx @@ -57,8 +57,8 @@ export const SupportersWrapper = () => { const supporters_settings = currentSupportersData.data.supporters_settings; - const target_supporting_month = supporters_settings.target_supporting_month; const calc_support_period = supporters_settings.calc_support_period; + const target_supporting_month = calc_support_period.at(-1); const chato_ex_count = supporters_settings.chato_ex_count; const last_updated_local_date = new Date(supporters_settings.last_updated_utc_date)?.toString(); @@ -78,9 +78,7 @@ export const SupportersWrapper = () => { const filtered_data = json_data.supporters_data.filter((supporter) => { if (!supporter.supporter_id) return false; - const months = Object.keys(supporter).filter((key) => - key.match(/^\d{4}-\d{2}$/) - ); + const months = Object.keys(supporter).filter((key) => calc_support_period.includes(key)); const has_valid_month = months.some((month) => supporter[month]); if (!has_valid_month) return false; diff --git a/src-ui/assets/supporters/vrct_supporters_title.png b/src-ui/assets/supporters/vrct_supporters_title.png new file mode 100644 index 00000000..3a0b1ba7 Binary files /dev/null and b/src-ui/assets/supporters/vrct_supporters_title.png differ