doesnm/quickshare
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(panes): make pane title i18n

Browse source
This commit is contained in:
hexxa 2021-09-27 13:57:37 +08:00 • committed by Hexxa
parent 65b250d83c
commit 9f7ae450de
3 changed files with 33 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/client/web/src/components/panes.tsx
View file

@ -1,8 +1,8 @@
import * as React from "react"; import * as React from "react";
import { Set, Map } from "immutable"; import { Set, List } from "immutable";
import { updater } from "./state_updater"; import { updater } from "./state_updater";
import { roleAdmin, roleUser, roleVisitor } from "../client"; import { Flexbox } from "./layout/flexbox";
import { ICoreState, MsgProps } from "./core_state"; import { ICoreState, MsgProps } from "./core_state";
import { PaneSettings } from "./pane_settings"; import { PaneSettings } from "./pane_settings";
import { AdminPane, AdminProps } from "./pane_admin"; import { AdminPane, AdminProps } from "./pane_admin";
@ -20,7 +20,7 @@ export interface Props {
update?: (updater: (prevState: ICoreState) => ICoreState) => void; update?: (updater: (prevState: ICoreState) => ICoreState) => void;
} }
export interface State { } export interface State {}
export class Panes extends React.Component<Props, State, {}> { export class Panes extends React.Component<Props, State, {}> {
constructor(p: Props) { constructor(p: Props) {
super(p); super(p);
@ -34,29 +34,39 @@ export class Panes extends React.Component<Props, State, {}> {
}; };
render() { render() {
let displaying = this.props.panes.displaying; const displaying = this.props.panes.displaying;
const title = this.props.msg.pkg.get(`pane.${this.props.panes.displaying}`);
const btnClass = displaying === "login" ? "hidden" : ""; const btnClass = displaying === "login" ? "hidden" : "";
const showSettings = this.props.panes.paneNames.get("settings") && displaying === "settings" ? "" : "hidden"; const showSettings =
const showLogin = this.props.panes.paneNames.get("login") && displaying === "login" ? "" : "hidden"; this.props.panes.paneNames.get("settings") && displaying === "settings"
const showAdmin = this.props.panes.paneNames.get("admin") && displaying === "admin" ? "" : "hidden"; ? ""
: "hidden";
const showLogin =
this.props.panes.paneNames.get("login") && displaying === "login"
? ""
: "hidden";
const showAdmin =
this.props.panes.paneNames.get("admin") && displaying === "admin"
? ""
: "hidden";
return ( return (
<div id="panes" className={displaying === "" ? "hidden" : ""}> <div id="panes" className={displaying === "" ? "hidden" : ""}>
<div className="root-container"> <div className="root-container">
<div className="container"> <div className="container">
<div className="flex-list-container padding-l"> <Flexbox
<h3 className="flex-list-item-l txt-cap">{displaying}</h3> children={List([
<h3 className="flex-list-item-l txt-cap">{title}</h3>,
<div className="flex-list-item-r">
<button <button
onClick={this.closePane} onClick={this.closePane}
className={`red0-bg white-font ${btnClass}`} className={`red0-bg white-font ${btnClass}`}
> >
{this.props.msg.pkg.get("panes.close")} {this.props.msg.pkg.get("panes.close")}
</button> </button>,
</div> ])}
className="padding-l"
</div> childrenStyles={List([{}, { justifyContent: "flex-end" }])}
/>
</div> </div>
<div className={`${showSettings}`}> <div className={`${showSettings}`}>
@ -82,7 +92,6 @@ export class Panes extends React.Component<Props, State, {}> {
update={this.props.update} update={this.props.update}
/> />
</div> </div>
</div> </div>
</div> </div>
); );

7
src/client/web/src/i18n/en_US.ts
View file

@ -74,7 +74,10 @@ export const msgs: Map<string, string> = Map({
"share.404.desc": "You can share a folder in the items tab", "share.404.desc": "You can share a folder in the items tab",
"upload.404.title": "No uploading is in the progress", "upload.404.title": "No uploading is in the progress",
"upload.404.desc": "You can upload a file in the items tab", "upload.404.desc": "You can upload a file in the items tab",
"detail": "Detail", detail: "Detail",
"refresh": "Refresh", refresh: "Refresh",
"refresh-hint": "Please refresh later to see the result", "refresh-hint": "Please refresh later to see the result",
"pane.login": "Login",
"pane.admin": "Administration",
"pane.settings": "Settings",
}); });

3
src/client/web/src/i18n/zh_CN.ts
View file

@ -75,4 +75,7 @@ export const msgs: Map<string, string> = Map({
"detail": "详细", "detail": "详细",
"refresh": "刷新", "refresh": "刷新",
"refresh-hint": "请稍后刷新查看结果", "refresh-hint": "请稍后刷新查看结果",
"pane.login": "登入",
"pane.admin": "管理",
"pane.settings": "设置",
}); });