diff --git a/res/strings/renderer.en.yml b/res/strings/renderer.en.yml
index e741fe21da..2b4c5e5a6f 100644
--- a/res/strings/renderer.en.yml
+++ b/res/strings/renderer.en.yml
@@ -134,6 +134,8 @@ en:
skip: Skip duplicate photos
import: Accept duplicate photos
prompt: Ask me every time
+ density:
+ label: DPI
export:
label: Export
note:
diff --git a/src/components/input.js b/src/components/input.js
index 12491f2bb4..c22250bef6 100644
--- a/src/components/input.js
+++ b/src/components/input.js
@@ -208,6 +208,8 @@ class Input extends React.PureComponent {
required={this.props.isRequired}
tabIndex={this.props.tabIndex}
type={this.props.type}
+ max={this.props.max}
+ min={this.props.min}
value={this.state.value}
onBlur={this.handleBlur}
onChange={this.handleChange}
@@ -241,6 +243,8 @@ class Input extends React.PureComponent {
isReadOnly: bool,
isRequired: bool,
match: func.isRequired,
+ max: number,
+ min: number,
placeholder: string,
resize: bool,
tabIndex: number,
diff --git a/src/components/prefs/app.js b/src/components/prefs/app.js
index b6c0d31509..0995477684 100644
--- a/src/components/prefs/app.js
+++ b/src/components/prefs/app.js
@@ -3,8 +3,9 @@
const React = require('react')
const { TemplateSelect } = require('../template/select')
const { ResourceSelect } = require('../resource/select')
+const { Input } = require('../input')
const { ipcRenderer: ipc } = require('electron')
-const { ESPER, ITEM } = require('../../constants')
+const { ESPER, ITEM, IMPORTS } = require('../../constants')
const { darwin } = require('../../common/os')
const {
@@ -14,7 +15,7 @@ const {
} = require('../icons')
const {
- array, arrayOf, bool, func, object, shape, string
+ array, arrayOf, bool, func, object, shape, string, number
} = require('prop-types')
const {
@@ -43,6 +44,10 @@ class AppPrefs extends React.PureComponent {
this.props.onSettingsUpdate({ localtime })
}
+ handleDPIChange = dpi => {
+ this.props.onSettingsUpdate({ dpi: Number(dpi) })
+ }
+
handleTemplateChange = (values, hasChanged) => {
if (hasChanged) {
let [type, template] = Object.entries(values)[0]
@@ -142,6 +147,18 @@ class AppPrefs extends React.PureComponent {
name="force"
value={this.props.settings.title.force}
onChange={this.handleTitleChange}/>
+