remove use memo from settings (#869)

components/Settings.js

@@ -24,8 +24,7 @@ function KeyboardShortcut({ handle }) {
   return null
 }
 
-const WindowSettings = React.memo(
-  ({
+function WindowSettings({
   onChange,
   windowTheme,
   paddingHorizontal,
@@ -40,13 +39,10 @@ const WindowSettings = React.memo(
   watermark,
   onWidthChanging,
   onWidthChanged
-  }) => {
+}) {
   return (
     <div className="settings-content">
-        <ThemeSelect
-          selected={windowTheme || 'none'}
-          onChange={onChange.bind(null, 'windowTheme')}
-        />
+      <ThemeSelect selected={windowTheme || 'none'} onChange={onChange.bind(null, 'windowTheme')} />
       <div className="row">
         <Slider
           label="Padding (vert)"
@@ -132,10 +128,16 @@ const WindowSettings = React.memo(
     </div>
   )
 }
-)
 
-const TypeSettings = React.memo(
-  ({ onChange, onUpload, font, size, lineHeight, onWidthChanging, onWidthChanged }) => {
+function TypeSettings({
+  onChange,
+  onUpload,
+  font,
+  size,
+  lineHeight,
+  onWidthChanging,
+  onWidthChanged
+}) {
   return (
     <div className="settings-content">
       <FontSelect
@@ -164,11 +166,10 @@ const TypeSettings = React.memo(
     </div>
   )
 }
-)
 
 const resetButtonStyle = { borderTop: `1px solid ${COLORS.SECONDARY}` }
 
-const MiscSettings = React.memo(({ format, reset, applyPreset, settings }) => {
+function MiscSettings({ format, reset, applyPreset, settings }) {
   const input = React.useRef(null)
   let download
   try {
@@ -226,7 +227,7 @@ const MiscSettings = React.memo(({ format, reset, applyPreset, settings }) => {
       </style>
     </div>
   )
-})
+}
 
 const settingButtonStyle = {
   width: '40px',