zedcode/bs-manager
1
0
Fork 0
mirror of https://github.com/Zagrios/bs-manager.git synced 2026-07-03 14:08:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

add missing translations

Browse Source
This commit is contained in:
MathieuG-P
2022-10-23 21:15:28 +02:00
parent 6e07adb990
commit 58172606f3
5 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/settings/supporters-view/supporters-block.component.tsx
+4 -1
View File
@@ -1,3 +1,4 @@
import { useTranslation } from "renderer/hooks/use-translation.hook";
import { Supporter } from "shared/models/supporters";
import { SupporterItem } from "./supporter-item.component";
@@ -5,6 +6,8 @@ interface Props {className?: string, title: string, supporters: Supporter[]}
export function SupportersBlock({className, title, supporters}: Props) {
const t = useTranslation();
const someDelay = () => {
const [min, max] = [0, .55]
const baseDelay = .15;
@@ -13,7 +16,7 @@ export function SupportersBlock({className, title, supporters}: Props) {
return (
<div className={`mb-10 flex flex-col items-center ${className}`}>
<h2 className="uppercase text-3xl font-bold">{title}</h2>
<h2 className="uppercase text-3xl font-bold">{t(title)}</h2>
<div className="flex justify-center flex-wrap py-5 px-20">
{supporters.map(s => <SupporterItem supporter={s} delay={someDelay()}/>)}
</div>
src/renderer/components/settings/supporters-view/supporters-view.component.tsx
+5 -3
View File
@@ -6,12 +6,14 @@ import { SupportersService } from "renderer/services/supporters.service";
import { SupportersBlock } from "./supporters-block.component";
import ManheraChanGif from "../../../../../assets/images/gifs/menhera-chan.gif"
import ManheraSadGif from "../../../../../assets/images/gifs/menhera-sad.gif"
import { useTranslation } from "renderer/hooks/use-translation.hook";
interface Props {isVisible: boolean, setVisible: (b: boolean) => void}
export function SupportersView({isVisible, setVisible}: Props) {
const supportersService = SupportersService.getInstance();
const t = useTranslation();
const [supporters, setSupporters] = useState([] as Supporter[]);
const [sponsors, setSponsors] = useState([] as Supporter[]);
@@ -33,11 +35,11 @@ export function SupportersView({isVisible, setVisible}: Props) {
<BsmButton className="absolute right-10 top-10 !bg-transparent w-7 h-7" icon="cross" withBar={false} onClick={() => setVisible(false)}></BsmButton>
{(!!sponsors.length || !!supporters.length) && <img className="absolute bottom-5 right-5 rotate-45 w-32 h-32" src={ManheraChanGif}/>}
<div className="w-full h-full overflow-y-scroll">
{!!sponsors.length && <SupportersBlock className="mt-12" title="sponsors" supporters={sponsors}/>}
{!!supporters.length && <SupportersBlock className="mt-12" title="supporters" supporters={supporters}/>}
{!!sponsors.length && <SupportersBlock className="mt-12" title="pages.settings.patreon.view.sponsors" supporters={sponsors}/>}
{!!supporters.length && <SupportersBlock className="mt-12" title="pages.settings.patreon.view.supporters" supporters={supporters}/>}
{(!sponsors.length && !supporters.length) && (
<>
<h2 className="w-full text-center text-3xl font-bold mt-10 mb-24">No supporter yet</h2>
<h2 className="w-full text-center text-3xl font-bold mt-10 mb-24">{t("pages.settings.patreon.view.no-supporters")}</h2>
<img className="m-auto" src={ManheraSadGif} />
</>
)}