PolyPaw/habitica-sync
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add i18n support

Browse source
This commit is contained in:
kkzzhizhou 2021-11-21 22:13:19 +08:00
parent e45182547f
commit 1b468b8454
16 changed files with 72 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/view/Components/Statsview/index.tsx
View file

@ -1,13 +1,15 @@
import * as React from 'react';
import { useTranslation, Trans, Translation } from 'react-i18next'
export default function Index(props: any) {
let { t ,i18n} = useTranslation()
return(
<div className="stats">
{/* <div id="profile-name">{props.user_data.profile.name}</div> */}
{console.log(props)}
<div className = "substats" id="hp">HP: {(props.user_data.stats.hp).toPrecision(3)}</div>
<div className = "substats" id="lvl">LEVEL: {props.user_data.stats.lvl}</div>
<div className = "substats" id="gold">GOLD: {(props.user_data.stats.gp).toPrecision(3)}</div>
<div className = "substats" id="hp">{t('HP')}: {(props.user_data.stats.hp).toPrecision(3)}</div>
<div className = "substats" id="lvl">{t('LEVEL')}: {props.user_data.stats.lvl}</div>
<div className = "substats" id="gold">{t('GOLD')}: {(props.user_data.stats.gp).toPrecision(3)}</div>
</div>
);
}

7
src/view/Components/Taskview/Dailiesview/index.tsx
View file

@ -1,10 +1,11 @@
import * as React from "react";
import DailyItem from "./DailyItem"
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
import { useTranslation, Trans, Translation } from 'react-i18next'
export default function Index(props: any){
if(props.dailys == undefined) {
return <div id="classDisplay">No Dailies Present</div>
return <div id="classDisplay"><Trans>No Dailies Present</Trans></div>
}
else {
const incompleteDailies = props.dailys.map((daily: any) => {
@ -18,8 +19,8 @@ export default function Index(props: any){
const display = <div id="classDisplay">
<Tabs>
<TabList>
<Tab>Active</Tab>
<Tab>Completed</Tab>
<Tab><Trans>Active</Trans></Tab>
<Tab><Trans>Completed</Trans></Tab>
</TabList>
<TabPanel>
<ul>{incompleteDailies}</ul>

3
src/view/Components/Taskview/Habitsview/index.tsx
View file

@ -1,10 +1,11 @@
import * as React from "react";
import HabitItem from "./HabitItem"
import { useTranslation, Trans, Translation } from 'react-i18next'
export default function Index(props: any){
if(props.habits == undefined) {
return (<div id="classDisplay">
No habits present.
<Trans>No habits present.</Trans>
</div>)
}
else {

3
src/view/Components/Taskview/Rewardview/index.tsx
View file

@ -1,10 +1,11 @@
import * as React from "react";
import RewardItem from "./RewardItem"
import { useTranslation, Trans, Translation } from 'react-i18next'
export default function Index(props: any){
if(props.rewards == undefined) {
return (<div id="classDisplay">
No Rewards present.
<Trans>No Rewards present.</Trans>
</div>)
}
else {

1
src/view/Components/Taskview/Todoview/TodoItem.tsx
View file

@ -6,7 +6,6 @@ function TodoItem(props: any) {
return (
<div className="todo-item" id={props.id}>
<input type="checkbox" className="checkbox" id={props.id} onChange={props.onChange} checked={props.completed}/>
{/* <p><Emoji text ={props.todo_text}></Emoji></p> */}
<div>
<p><Emoji text={props.todo_text}></Emoji></p>
<ReactMarkdown children={props.todo_notes} />

5
src/view/Components/Taskview/Todoview/index.tsx
View file

@ -1,6 +1,7 @@
import * as React from "react";
import TodoItem from "./TodoItem"
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
import { useTranslation, Trans, Translation } from 'react-i18next'
export default function Index(props: any){
if(props.todos == undefined) {
@ -18,8 +19,8 @@ export default function Index(props: any){
const display = <div id="classDisplay">
<Tabs>
<TabList>
<Tab>Active</Tab>
<Tab>Completed</Tab>
<Tab><Trans>Active</Trans></Tab>
<Tab><Trans>Completed</Trans></Tab>
</TabList>
<TabPanel>
<ul>{incompleteTodos}</ul>