Code refactoring

t-hamano · Oct 15, 2023 · 732bbac · 732bbac
1 parent 6a56f3d
commit 732bbac
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/constants.ts b/src/constants.ts
@@ -21,3 +21,5 @@ export const MEDIA_TYPES = [
 ];
 
 export const MAX_SOURCES = 5;
+export const MIN_MEDIA_VALUE = 100;
+export const MAX_MEDIA_VALUE = 2000;
diff --git a/src/source-editor.tsx b/src/source-editor.tsx
@@ -23,7 +23,7 @@ import type { Media, Source } from './types';
 /**
  * Internal dependencies
  */
-import { DEFAULT_MEDIA_VALUE, MEDIA_TYPES } from './constants';
+import { DEFAULT_MEDIA_VALUE, MEDIA_TYPES, MIN_MEDIA_VALUE, MAX_MEDIA_VALUE } from './constants';
 
 type Props = {
 	source?: Source;
@@ -213,8 +213,8 @@ export default function SourceEditor( {
 						label={ __( 'Media query value', 'enable-responsive-image' ) }
 						value={ mediaValue || DEFAULT_MEDIA_VALUE }
 						onChange={ onChangeMediaValue }
-						min={ 100 }
-						max={ 2000 }
+						min={ MIN_MEDIA_VALUE }
+						max={ MAX_MEDIA_VALUE }
 						allowReset
 						initialPosition={ DEFAULT_MEDIA_VALUE }
 					/>