mirror of
https://github.com/maputnik/editor.git
synced 2026-08-29 08:27:27 +00:00
Keitaroh Kobayashi
58edd262b0
This is a rough start on adding react-i18next. I'll be working on adding more translatable strings and translations in the coming days. I'm going to need to wrap class components in HOCs, so let me know if there's something I should be fixing before doing that. I'm thinking now to keep the exported class names exactly the same, and rename the existing classes by prefixing an `I` (for internal). For example: ``` export default class AppToolbar ... ``` becomes ``` class IAppToolbar ... const AppToolbar = withTranslation()(IAppToolbar); export default AppToolbar; ``` I'll be able to contribute Japanese strings (I've talked to a couple people on my team and they'll be happy to help as well), so that's the language I decided to go with in this PR. Closes #746 --------- Co-authored-by: Ko Nagase <nagase@georepublic.co.jp> Co-authored-by: Harel M <harel.mazor@gmail.com>
36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import React from 'react'
|
|
|
|
import latest from '@maplibre/maplibre-gl-style-spec/dist/latest.json'
|
|
import Block from './Block'
|
|
import InputNumber from './InputNumber'
|
|
import { WithTranslation, withTranslation } from 'react-i18next';
|
|
|
|
type FieldMaxZoomInternalProps = {
|
|
value?: number
|
|
onChange(value: number | undefined): unknown
|
|
error?: {message: string}
|
|
} & WithTranslation;
|
|
|
|
class FieldMaxZoomInternal extends React.Component<FieldMaxZoomInternalProps> {
|
|
render() {
|
|
const t = this.props.t;
|
|
return <Block label={t("Max Zoom")} fieldSpec={latest.layer.maxzoom}
|
|
error={this.props.error}
|
|
data-wd-key="max-zoom"
|
|
>
|
|
<InputNumber
|
|
allowRange={true}
|
|
value={this.props.value}
|
|
onChange={this.props.onChange}
|
|
min={latest.layer.maxzoom.minimum}
|
|
max={latest.layer.maxzoom.maximum}
|
|
default={latest.layer.maxzoom.maximum}
|
|
data-wd-key="max-zoom.input"
|
|
/>
|
|
</Block>
|
|
}
|
|
}
|
|
|
|
const FieldMaxZoom = withTranslation()(FieldMaxZoomInternal);
|
|
export default FieldMaxZoom;
|